2021-04-25

前端 (超 适合 零基础 萌新 入门 视频 有趣 简单)

前端的话我现在的理解就是“做页面的”,当然这是我肤浅的理解,后面啊什么有很多牛逼的东西代替后端的骚操作,花里胡哨的有很多。

后端就是从*数据库 里拿数据的,对数据做一些处理然后做成一个给前端的接口

注:数据库:就是记录数据的,比如啊我有几本书,我叫什么名字,我是哪个班的

比如我现在要做一个从拿书的功能。数据库记录了一本书的数量(5本),我就可以用后端连接> 据库告诉他我要拿一本书、你给我拿一本书,数据库说好(那他记录的书就变成4本了),然后这个做成一个接口给前端,前端就就是你在页面上做一个按钮绑定后端给的接口,然后用户点 这个按钮,数据库的书就少了一本了

这个人讲的比我清楚多了你看看他的(一定要看喔,很短的,对你理解网页开发有很大的帮助) https://www.bilibili.com/video/BV1yx41117Tz

学习姿势(思路)

编程的话,跟学习不太一样,所有的东西都不用去死记硬背,因为网上都有别人整理好的代码和笔记,你要用的时候搜索复制粘贴就行了。编程这东西吧,重要的是编程逻辑和思路。本身就是使用电脑开发的,离了电脑你啥也不是,网上资源数不尽,但重要的是你怎么使用。就像网上记录了人类至少90%的知识,每个人都能上网查,但不是每个人都是精英。所以忘记怎么用了可以,但一定要理解。

下面的视频看的时候打开你的开发工具,那种一看就懂的可以不用敲,但是你理解不了的一定要去敲出来反复理解,还有就是实战的视频也一定要跟着敲一遍练习也很重要,因为当你真正的敲的时候你就会出现各种错误,当出现Bug的时候你怎么去调试、怎么处理,这也是程序员必备的技能。

线路

1,基础

入门 (b站 表严肃)

https://space.bilibili.com/44076852/channel/detail?cid=17877

image

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,笔记

菜鸟教程

边看视频边看这个笔记,有什么不懂的就看看

https://www.runoob.com/

How2j

看完上面的基础+补充把这个过一遍对你有帮助的

在这里插入图片描述

微信小程序

官方文档

https://developers.weixin.qq.com/miniprogram/dev/framework/

一个社区 学小程序无聊的时候可以看看

https://developers.weixin.qq.com/miniprogram/dev/framework/

vue

vue 官方文档

https://cn.vuejs.org/

vuecli 脚手架的官方文档

https://cli.vuejs.org/zh/

vuex

https://vuex.vuejs.org/zh/

vue router

https://router.vuejs.org/zh/

入门开发工具 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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容