👦个人简介:张清悠,字澄澈,号寻梦客,爱好旅行、运动,主攻前端方向技术研发,副攻Unity 3D、C++、Python人工智能等
📝个人寄语:学会不为过程的缓慢而焦虑,即使暂时未能如你所愿,但只要你在努力,你就在不断成长!
🙏个人公众号:清悠小猿(海量源码尽在其中,欢迎关注)
导语:
现在前端开发越来越被人所熟知,并且衍生出来前端开发工程师,那么怎么才能成为一名合格的前端工程师呢?如何才能避免走弯路呢?如果没有计划,那就跟着下面的步骤走吧,能让你少走好多弯路,省下很多时间。
第一阶段
学习HTML+CSS,能够使用这两个东西写出特别简单的页面,比如盒子模型或者文章加配图。
推荐学习网址 菜鸟教程
第二阶段
学习原生的js以及它操纵html的方法,注意要是原生的js,只有明白原生的js才能够快速掌握各种框架及其原理。
依然推荐学习网址 菜鸟教程
第三阶段
学习jquery以及bootstrap框架,其中前者是js框架后者是css框架。
这是你学的第一个框架要认真学习,跟着里面的例子每个都手动写一遍。
第四阶段入门完成
学习html5和css3,只要你学完这个东西,你就可以去模仿淘宝或者京东首页,编写一个仿淘宝或者京东首页,这时候你就会成就感十足。
第五阶段
学习移动端页面布局
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、手机滚屏。让你的页面在手机浏览器中能够适配。
第六阶段
面向对象进阶和学习网络请求(使用接口get和post),以及ajax的使用。了解跨域是什么东西。明白ajax简介和异步的概念、ajax框架的封装、XMLHttpRequest对象详细介绍方法。json和json解析、jsonp解决跨域问题、使用jquery里面的ajax。
第七阶段 合格的前端开发人员
这时候你已经是一名快合格的前端工程师了,我们还要在学一下主流的开发框架,了解一下MVC/MVVM/MVW框架是什么东西,然后从React.js、Vue.js、Angular.js选择一个来学习,并且搭配webpack来进行项目工程化和打包。
第八阶段
进阶
Node.js全栈开发,去了解node是什么东西,以及他现在的作用,其实它也可以作为一门后台开发语言,而且它的语法跟js特别相似,所以对于我们前端开发工程师来说真的是一个理解后台运作的很好的工具。
学习原生的nodejs、express和koa2,深入理解和使用node.js,将会对你的工程化思想有很大的提升。