学习前端的第一件事是学习一些基础，包括学习HTML、CSS的基础知识，以及熟悉JavaScript的语法。
学习HTML基础，了解如何编写语义HTML。
一旦你学习了HTML基础，郑州北大青鸟翔天信鸽校区建议你至少要制作5个HTML网页。北大青鸟老师建议你找一个网站，然后把焦点放在恰当地组织内容上。出来的东西可能会很难看，但是暂时别担心，把你的关注点放在恰当的结构上。
学点CSS
学会如何给网页准备好骨架，接下来就是在此基础上添加一些皮肤让它好看一点了。CSS——级联样式表就是用来美化你的HTML页面的。
首先要做的是学习语法，熟悉常见的CSS属性。
了解盒模型，掌握如何利用Grid和Flexbox准备布局
一旦你掌握了基础，接下来就应该设计上一步制作的HTML网页。比方说如果你给Github档案编写了HTML页面的话，现在是时候应用CSS来让它的样子看起来像实际的Github资料页面一样了。前面的那5个页面都要拿来试一下。
学习JavaScript基础
JavaScript能让你的HTML页面互动性更强。比方说你在网站上看过的所有那些幻灯片、弹出窗口以及广播通知，以及在没有重载页面的情况下重载页面的特定部分，这些都是用JavaScript做的。在这一步中，你将会学习JavaScript的基础来为后面的旅程做好准备。
构建工具
工具可以帮助你进行JavaScript应用的构建/打包以及开发。这一类包括了linter(代码检查)、task runner(自动构建)以及bundler(打包工具)。
对于自动构建，这个本来是是很多选项的，包括npm脚本、gulp、grun等等。不过这一次，既然webpack能够处理gulp能做的大部分东西，所以只有自动构建中的npm脚本可以用来对webpack能做的任务进行自动化。你不需要学习Gulp，然而到后面如果你有点时间的话，可以去看看它能否对你的应用有所帮助。
渐进式Web应用
一旦完成了上述所有步骤，再来学习一下service worker以及如何制作渐进式web应用。
静态类型检查器
静态类型检查器帮助给JavaScript增加类型检查。你不需要学习这些，不过这些东西可以赋予你超能力，而且学习起来也很快，几个钟头就行了。这方面主要有TypeScript 和 Flow。我喜欢TypeScript ，不过你可以两个都看看，再选你喜欢的。
服务器渲染
你还可以在选定的任何框架内再学学服务器端渲染的知识。有不同的选项可选，这要取决于你用什么样的框架。比方说如果你决定用React，最值得关注的选项是Next.js 和 After.js。如果是Angular，你可以选Universal。对于Vue.js，我们有Nuxt.js。
可能还会有遗漏的地方，但是郑州北大青鸟翔天信鸽校区认为这胜任任何“前端工程”工作岗位需求。
主要关键还是需要尽可能多得练习。也许刚开始会觉得很难很吓人，但这是很正常的，慢慢就会觉得越来越好了。学习过程中，陷入困难时千万不要忘记需求郑州北大青鸟翔天信鸽校区帮助，你会惊喜地发现原来问题是这样简单。
豫公网安备 41010502002898号