现在学编程的人越来越多,但是很多小白,或者其他行业转行进入前端的人,面对市面上这么多的书籍,视频,往往可能会不知所措。
身为一个在前端行业摸爬滚打多年的老人,现在在做前端培训教育的人给大家指明一条快速学习前端的路吧。
学习之前,需要了解一下互联网行业的一些基本信息,啥是前端,啥是后端,软件开发是什么,互联网有什么岗位,前端开发需要什么工具之类的。
了解完这些之后,在开发之前,需要先下载编写代码的工具,vscode或者webstorm。你就是在这些工具上写代码的。
接着前端学习最开始要学习html,css,javascript,我会就这3个内容,给大家推荐一些学习的资料
html
html是一种标记语言,用来搭建网页骨架的
推荐资源
https://www.w3school.com.cn/index.html
这个网址都是一些基础的html知识,学完能对html有个大概印象
看完html之后,就可以学css了。
css的话是对网页进行修饰的的,通俗点就是让网页变得好看一些的。
推荐资源
书籍
精通css
css禅意花园
学习网站
https://www.w3school.com.cn/css/index.asp
学完html+css(自学大致需要1个月的时间) 你就可以写网页了,比如写一个企业的官网练练手。或者写一些复杂的页面,比如某宝,某东。
接下来你要学习javascript了,也就是js,js 是处理你和网站的一些交互流程的。自学的话,大致需要(1-2个月)。js是前端中最重要的,只有js学好了,你的前端路才能走的顺。
推荐资料
javascript 权威指南
JavaScript高级程序设计 (业界的红宝书)
网站
https://developer.mozilla.org/en-US/docs/Web/JavaScript
上面那个是mdn网站,里面有所有关于js的问题,有不懂的可以查询。
js学习一定要跟着书籍一个个去写代码,比较重要的就是 dom,bom ,闭包,作用域,原型对象,原型链,函数,ajax ,json 这些东西了。
学习完js的话,就可以写一些小练习,比如写一个轮播图,留言板,还有用ajax去请求下后端的数据。
我们可以给之前写的网页加一点特效之类的。
当你学完js之后,我们要学习一个比较老的框架,jquery,jquery是对js的一些封装,可以帮助我们快速地去开发项目,在vue,react,angular没出来之前,前端都是用jquery的。jquery的话,要是js基础比较好,1-2周就能学会了。
jquery的学习书籍
锋利的jquery
还有jquery的官网
https://jquery.com/
里面有很多jq的用法介绍
学完jquery,就可以学习vue框架了。vue,react,angular是前端的3个框架。
我们在公司开发不是用vue,就是用react开发了。angular国内公司用的少。vue开发的话,基础的部分,大家可以直接看官网的文档(1-2周)
https://cn.vuejs.org/
学了vue的基础之后,在学习vue的一些周边的技术栈,比如vue-router,axios,vuex,这些东西,就可以直接上手开发项目了。
做项目的话,可以尝试做一个后台的管理系统,比如用vue+iview
(iview是一个UI框架,用这个你就可以很少写css的代码了)
写完之后,你可以学习下nodejs这个东西了。(1个月)
用nodejs的话,前端也可以写一些后端的代码了,
nodejs的话,
推荐的学习资料
书籍
深入浅出nodejs
实战nodejs
官网
http://nodejs.cn/
学了nodejs,你就可以写后端的代码了。后端的话,还需要稍微了解下数据库,比如mysql.
nodejs的话,也有自己的一些框架,比如koa,express 等,这些都是很轻便的一些框架,都可以快速学会的。
学完上面一套的话,你就可以自己完成一个前端和后端的网站了,等你自己开发完成一个项目之后,你就有了项目经验,就可以算是一枚初级的前端开发人员了。
你可以试试在网上投简历,去面试,不断去学习面试中不知道的知识点。
当然的话,前端不仅仅是以上的内容,还有git,http,webpack,react,flutter,react-native,各种小程序,es6,typescript,网站性能优化,nginx这些等等。
你会的越多,学的越精,你拿的工资越高。这是一份付出和回报成正比的工作,值得你为之努力。
假如你在学习前端的过程中遇到问题,可以关注我的公众号:行者前端营,向我提问,我会帮你解答。