前端 (超 适合 零基础 萌新 入门 视频 有趣 简单)
前端的话我现在的理解就是“做页面的”,当然这是我肤浅的理解,后面啊什么有很多牛逼的东西代替后端的骚操作,花里胡哨的有很多。
后端就是从*数据库 里拿数据的,对数据做一些处理然后做成一个给前端的接口
注:数据库:就是记录数据的,比如啊我有几本书,我叫什么名字,我是哪个班的
比如我现在要做一个从拿书的功能。数据库记录了一本书的数量(5本),我就可以用后端连接> 据库告诉他我要拿一本书、你给我拿一本书,数据库说好(那他记录的书就变成4本了),然后这个做成一个接口给前端,前端就就是你在页面上做一个按钮绑定后端给的接口,然后用户点 这个按钮,数据库的书就少了一本了
这个人讲的比我清楚多了你看看他的(一定要看喔,很短的,对你理解网页开发有很大的帮助) https://www.bilibili.com/video/BV1yx41117Tz
学习姿势(思路)
编程的话,跟学习不太一样,所有的东西都不用去死记硬背,因为网上都有别人整理好的代码和笔记,你要用的时候搜索复制粘贴就行了。编程这东西吧,重要的是编程逻辑和思路。本身就是使用电脑开发的,离了电脑你啥也不是,网上资源数不尽,但重要的是你怎么使用。就像网上记录了人类至少90%的知识,每个人都能上网查,但不是每个人都是精英。所以忘记怎么用了可以,但一定要理解。
下面的视频看的时候打开你的开发工具,那种一看就懂的可以不用敲,但是你理解不了的一定要去敲出来反复理解,还有就是实战的视频也一定要跟着敲一遍,练习也很重要,因为当你真正的敲的时候你就会出现各种错误,当出现Bug的时候你怎么去调试、怎么处理,这也是程序员必备的技能。
线路
1,基础
入门 (b站 表严肃)
https://space.bilibili.com/44076852/channel/detail?cid=17877
Emmet
看完html就可以看了,我就觉得这东西就是锦上提花的,不是必要的,所以快速过一遍就行(不用认真看,实在懒就别看了),上面 表严肃 他也有用到这个东西,看看他怎么用的东西基本就够了
https://www.bilibili.com/video/av26469228?from=search&seid=3924171281584965325
2,补充:
Flex(弹性布局)
css3 的新特性 他讲的很多,也挺枯燥的,但是你坚持看完还是很不错的
一个笔记的网站: http://cssreference.parryqiu.com/flexbox/#align-content
https://www.bilibili.com/video/BV1B4411z7rv?from=search&seid=3621962486729125739
ajax
局部刷新 挺短的
https://www.bilibili.com/video/BV11J411k78L?p=1
3,微信小程序
你心心念念的小程序,但是这只是入门的,真正的小程序开发很复杂的
https://www.bilibili.com/video/BV1i4411c7dU?p=1
4,vue
这是我学的视频,但是我觉得不是很好,尤其是前面几集有杂音刺。你学到这的话,你应该有自己的理解了,可以自己找更好的视频
https://www.bilibili.com/video/BV15741177Eh?from=search&seid=15072317251722739876
或者看这个,好像还不错
https://www.bilibili.com/video/BV1nE41117BQ?p=129
5,Element
配合vue的常用框架,让你的vue变得更简单
https://www.bilibili.com/video/BV1U54y127GB?from=search&seid=3990409508412959508
6,剩下的路
前端目前我就学到这了,剩下的路你自己走了,祝一路顺风。。
node
webpack
charjs
。。。。
3,笔记
菜鸟教程
边看视频边看这个笔记,有什么不懂的就看看
How2j
看完上面的基础+补充把这个过一遍对你有帮助的
微信小程序
官方文档
https://developers.weixin.qq.com/miniprogram/dev/framework/
一个社区 学小程序无聊的时候可以看看
https://developers.weixin.qq.com/miniprogram/dev/framework/
vue
vue 官方文档
vuecli 脚手架的官方文档
vuex
vue router
入门开发工具 HBuilder x (中文、超轻量级)
标准版就行(入门够用了)
https://www.dcloud.io/hbuilderx.html
后面可能会用WebStorm (你到时候再找我拿)
笔记 Markdown
很多程序员都是用Markdown做笔记的,因为他易读易写
推荐使用有道笔记
快速使用:
[图片上传失败...(image-1773b3-1619336083126)]
使用语法: https://www.jianshu.com/p/399e5a3c7cc5
有道笔记不能上传本地图片(要会员)你可以把图片上传到图床,在复制地址使用
图床(可上传gif动态图片): https://imgtu.com/i/cxJpVO