偶认为学习成本最低,效率最高的方法,从入门到实践大体有三个阶段:
第一阶段,学习编程语言阶段。
这个阶段主要是对前端开发的编程语言工具有一个宏观的认识。了解前端开发用到哪些语言工具,分别实现什么作用,以及基础知识即可。
1)HTML,CSS:主要用于构建UI界面,HTML负责定义界面元素(控件),CSS负责定义元素(控件)的颜色、样式。这两种语言工具都十分简单,内容都是由控件或属性构成,建议记忆力好的话尽量记到脑子里,扎实基础。
2)JS:主要用于编写前端程序逻辑。JS想要学会只有靠代码量堆,现阶段记住基本语法和windows,document对象就行。实践编程中都会用到框架,不一定会直接使用原生的JS语法,所以现阶段不必深究。
3)正则表达式:主要用于字符串的高效处理(包括验证、替换、截取),这个工具非常有用,建议记忆力好的话尽量记到脑子里,扎实基础。
4)界面设计理论:UI界面不只是功能,最重要是用户的可使用性,界面布局、色彩搭配、人机互动方法,看似跟编程无关,实际上这是前端设计的灵魂之处,也是前端工程师跟前端程序员的区别,所以请多学习相关设计知识。
第二阶段,学习开发框架阶段
前面讲过实践编程中都会用到框架,这个阶段主要是对前端开发的框架工具进行实践学习。目前比较热门的框架推荐Vue,Element,Uni-app,EChart都可以学一学。这个阶段的学习靠看是没用的,动手是最有效的学习方法。
1)选择顺手的编程工具:前端开发的编程工具可以选用HBuilderX,功能强大,适用度广泛(PC网站,移动端的网站、app、微信公众号、微信小程序、百度小程序等很多)。
2)获取开发框架:从框架官方网站上下载框架的程序文件,在后续实践活动中使用。
3)实践学习:主要内容包括使用编程工具建立项目,引用开发框架程序文件,找一个你认为很炫酷的PC网站成功案例,选取查询浏览页、表单页、详细内容查看页、图标分析页、登录页这些有代表性的页面形式模仿制作。
第三阶段,迭代提高阶段
经过第二阶段的学习,应该已经可以做出简陋的界面,这个阶段就是:
1)在不断的实践中体会前端的设计方法和编程技巧;
2)接触和学习更多的框架、组件;
3)掌握多种客户端类型(如:PC网站、H5路线的网站、app、微信公众号、微信小程序、百度小程序等很多)的开发方法。
其他建议:
1、编程是操作型技能,动手第一、思考第二、眼看没用;
2、编程技术最大的特点就是门类、概念、工具、框架又多又复杂,刚入门的时候经验不足难以找到主干的学习路线,看起来好像不知道该学什么,多久才能学会,但是如果认真梳理,渐进学习,其实也没有那么困难,反而可以从不断的成就感中获得乐趣。
3、无论是多么牛逼的培训学校、网课、书籍,一般只能帮助你完成第一阶段的学习,极少数能够深入的帮助你完成第二阶段的学习,第一阶段偶更倾向于自学,第二阶段偶更倾向于寻找有实际工作经验的大神教你,这样性价比较高。
关于前端就写到这里,全栈开发的其他建议后续有机会再补充,希望可以帮助到你。
可以做很多,主要是做一些网站类型的,如果是你个人完成的毕业设计的话,可以做一些复杂点的静态网页,比如做一个商城网站,后台管理网站,小程序,移动端app等,如果能力好的,会nodejs的,可以自己结合做一个后端。如果需要帮助,偶可以有偿帮你做一个
Web前端工程师的职责是编写网页标准优化代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。
随着互联网技术的发展,随着HTML5、CSS3、JavaScript、Node.js的应用。Web前端工程师逐步具备从客户端(用户端)到后台(服务器端)综合开发的能力。
一、前端工程师是很紧缺的
原因一:前端相对来说是每一个公司必备的岗位
可能很多人认为前端开发和Web开发类似,而Web开发已经有20多年的历史,所以前端并不是一个新领域。然而,Web前端工程师的概念中的“接口技术实现和用户体验作为一个专业的工作领域”,却无疑是很新的。
现在,一个创业公司想要成功,几乎要覆盖一个Web应用程序的诸多技术方面:前端、后台、DBA、运营等。虽然已经有一些服务可以让企业购买登陆页面的前端模块和组件;但是如果你想要创造一些真正的Web应用程序,除了求助前端工程师,别无他法,就像你要创立一个品牌你也绕不开请一位设计师一样。
原因二:对Web前端,普遍存在巨大的误解,其实Web前端一点也不简单
大多人都认为Web前端开发是一个“相对于其他模块来说更简单的领域”,尤其是后端同胞们可能会看不上眼前端。
在他们心中的Web前端工程师做的是这些:
1、把Photoshop文件、图片或者线框做成一个页面;
2、偶尔设计Photoshop文件、图片或者线框;
3、用HTML和CSS编程,实现网页的内容和形式;
4、用JS实现动画、过渡效果。
事实上,Web前端工程师做的是这些:
1、在设计师和后端开发工程师直接充当桥梁,将设计稿转化成页面;
2、根据设计稿进行前端模块化设计、开发;
3、基于产品文档和整个产品的特点选择合适的框架,开发响应的组建;
4、根据设备、浏览器、屏幕、动画来划分web应用的工作划分;
5、保证代码质量、产品标准;
6、调节Web应用程序的样式,包括间距、字体、标题、图标、布局等等;
7、根据不同分辨率、横屏竖屏等,调节Web应用程序的样式;
8、标记 Web 应用程序,使之语义化,SEO 友好;
9、开发客户端要考虑动画的流畅、延迟加载、交互、应用工作流程,大多数时间用来考虑渐进增强和向后兼容的标准;
10、最重要的是,尽管有严格的期限、利益相关者的要求,以及设备的限制,无论现在还是将来永远是用户第一。
原因三:大量糟糕Web前端工程师的存在,扰乱了市场
这或许是难以招到优秀Web前端工程师最明显的原因。由于Web前端工程师的入门门槛非常低,JS、CSS、HTML并不是很难入门掌握的语言,似乎只要花一点时间,谁都可以通过网上教程和书本学会它,Web前端工程师市场就是被这些浅尝辄止的家伙搞坏的。
二、前端工程师的三个发展方向:
1.专家方向
经过几年的技术积累,大量的项目历练,很自然地就朝着专家的方向过渡了。技术人普遍具有的一个特征就是不喜欢管一些乱七八糟的事,更愿意钻研感兴趣的技术,解决一些技术难题。走专家路线可能是大多数技术人的选择。
2.管理方向
另一个职业方向就是技术管理。技术管理要求的更综合,日常的工作涉及项目管理,跨部门沟通,团队管理,技术体系建设等方面。做技术管理意味着远离一线coding,渐渐失去自己的技术优势,80%的精力是帮助团队同学成长,通过团队完成既定目标。
技术人要经历一个心态的转变。但企业招人过去最主要的目的是解决实际面临的技术问题,所以对于技术管理来说,技术还是一个基本面,不能完全放下,还是要时刻关注技术大方向。
3.产品&业务方向
还有一个职业方向是转型做产品经理更多地贴近业务。偶身边有越来越多的前端做了几年的研发后转型做了产品。技术人转型做产品,其实是比较有优势的,一方面懂技术能更好地和研发沟通,另一方面产品设计上更容易落地。
三、前端工程师需要掌握的技能
1.夯实基础
别管是在大厂还是小厂,毕业前三年要沉下心来修炼内功,搞好前端基础。熟练掌握HTML、css、js,掌握主流的前端框架。
2.尽早进大厂
去大厂越早对自己的帮助越大。规范的流程管理、完善的技术体系都有助于提升技术视野和好的工作习惯的养成。
3.深度和广度相结合
在深入掌握一项技能的同时,要横向了解服务端或者移动端的知识,培养自己的系统认知能力。现在市场上对候选人要求全栈的能力,就是对这方面的一个诉求。
4.跳出技术思维,多与业务侧沟通,培养自己的业务 sense
能更有助于理解业务侧提出的需求的背景和逻辑。也有助于日后向产品