热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

想转型做前端开发,如何成为一名合格的工程师?

随着互联网的发展,网站前端逐渐受到了重视,各地薪金也随之上涨。前端技术不断更新迭代,导致大部分技术人员跟不上。因此越来越多的人想转型做前端

随着互联网的发展,网站前端逐渐受到了重视,各地薪金也随之上涨。前端技术不断更新迭代,导致大部分技术人员跟不上。因此越来越多的人想转型做前端开发了。

那么如何成为一名好的前端工程师呢?本文,从两方面来回答一下这个问题。
在这里插入图片描述

一、学习路线

1、前端页面重构

主要内容为PC端网站布局、HTML5+CSS3基础、WebApp页面布局。学习目标是完成PC端网站布局,WebApp页面布局,还要可以通过HTML5+CSS3的2D、3D等属性实现一些精美的动画效果。

2、Javascript高级课程、PC端全栈项目开发

主要内容为原生Javascript、面向对象进阶与ES5/ES6应用、Javascript工具库自主研发、JQuery经典交互特效开发、HTTP协议、Ajax进阶与后端开发、前端工程化与模块化应用以及AngularJS等。

学习目标是可以通过原生Javascript开发交互功能,实现网站上的交互效果,以及模块化应用等,实现完整的前端工程。

3、Web前端框架、混合开发(Hybrid,RN)、大数据可视化

主要内容为Node.js后端开发、Vue.js前端框架、React前端框架、混合开发(Hybrid,RN)、Angular前端框架、大数据可视化等。

二、前端必看的书籍

HTML + CSS这部分建议边学边练,每个属性后还有测试。然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练、多练、多练 ,最重要的事儿还得说三遍?

Javascript要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先通过在线教程学习一些基本语法和定义。

然后你必须要看书,然后实践(好多人问有没有快速捷径,我只能告诉你:如果有捷径,码农们就不用天天如此苦逼了吧)。

1 . Javascript

先说 Javascript,因为前面说了,CSS最好跟着视频练习,毕竟都是可视化的,像做艺术。

《Javascript DOM编程艺术》

最好的JS入门书籍,最让人有兴趣读完的那种书。

它通过一个幻灯片案例,从头到尾教你实现出来,最后效果实现的同时,基本的JS常用属性,你也就滚瓜烂熟了,很有成就感。

一目了然地告诉你如何用JS操作DOM(这是浏览器端编程的基本功),还灌输了最符合标准的编程理念。可惜有点老,最新一版是2010年的。不过不影响阅读和实现,全部按照最新ES5属性就行了。

《Javascript高级程序设计》

又称红宝书,雅虎首席前端架构师,YUI的作者Zakas出品。虽然书名带了“高级”二字,但是讲得都很基础的属性内容,事无巨细。关键一点是翻译的也很到位,并不是如嚼蜡一般,这很重要。看此书,我建议配着下面的犀牛书一起看效果更佳。

《Javascript权威指南》

著名的淘宝前端团队翻译的,看译者列表都是一堆前期大神。

这本书又叫犀牛书,被国人誉为:Javascript开发者的圣经。网上对此书评价很多很好,大概意思是说这本书是一本Javascript文档手册,更适合当作字典和备忘录查询来使用。

《Javascript语言精粹》

作者是大名鼎鼎的【老道】,他是 JSON格式的发明和维护者,也有很多著作和对JS这门语言的超多贡献,可见此人功力绝对顶级!

这本书,属于稍微入门以后看的,了解了一些中高级概念比如:闭包、原型链、作用域链、继承封装等以后,看此书有如神助,看一页相当于犀牛书几十页的讲解(不吹牛逼,当时我是这感觉的)

2 . CSS

CSS类,如果视频看完了,练习的熟练了,你还需要一些书的推荐和查询,也是有必要的,小编再来给你罗列几本经典的收藏书,买不买均可的。

《Head first HTML&CSS》

《CSS权威指南(第三版)》

《图解CSS3:核心技术与案例实践》

《CSS禅意花园》

以上就是为大家介绍的零基础如何成为一名web前端工程师,希望对小伙伴们有所帮助哦。关注我,会定期为大家分享最新Web前端发展趋势、学习资料,助力大家学好Web前端。


推荐阅读
  • 本文探讨了领域驱动设计(DDD)的核心概念、应用场景及其实现方式,详细介绍了其在企业级软件开发中的优势和挑战。通过对比事务脚本与领域模型,展示了DDD如何提升系统的可维护性和扩展性。 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
  • 在使用 MUI 框架进行应用开发时,开发者常常会遇到 mui.init() 和 mui.plusReady() 这两个方法。本文将详细解释它们的区别及其在不同开发环境下的应用。 ... [详细]
  • 本文详细介绍了如何利用Go语言和WebSockets技术构建一个高效的实时聊天系统。随着网络应用的日益复杂化,实时交互成为了提升用户体验的关键要素之一。通过本指南,开发者可以学习到最新的技术和最佳实践。 ... [详细]
  • ServletContext接口在Java Web开发中扮演着重要角色,它提供了一种方式来获取关于整个Web应用程序的信息。通过ServletContext,开发者可以访问初始化参数、共享数据以及应用资源。 ... [详细]
  • 本文深入探讨网页游戏的开发流程,涵盖从程序框架设计到具体实现的技术细节,旨在为开发者提供全面的指导。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 本文探讨了如何通过WebBrowser控件在用户点击输入框时自动显示图片验证码。该过程可能涉及JavaScript事件的触发与响应。 ... [详细]
  • 本文探讨了浏览器的同源策略限制及其对 AJAX 请求的影响,并详细介绍了如何在 Spring Boot 应用中优雅地处理跨域请求,特别是当请求包含自定义 Headers 时的解决方案。 ... [详细]
  • 深入解析ES6至ES8的新特性与应用
    本文详细介绍了自2015年发布的ECMAScript 6.0(简称ES6)以来,JavaScript语言的多项重要更新,旨在帮助开发者更好地理解和利用这些新特性进行复杂应用的开发。 ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 深入解析 Spring Security 用户认证机制
    本文将详细介绍 Spring Security 中用户登录认证的核心流程,重点分析 AbstractAuthenticationProcessingFilter 和 AuthenticationManager 的工作原理。通过理解这些组件的实现,读者可以更好地掌握 Spring Security 的认证机制。 ... [详细]
  • 本文将详细介绍如何在ThinkPHP6框架中实现多数据库的部署,包括读写分离的策略,以及如何通过负载均衡和MySQL同步技术优化数据库性能。 ... [详细]
author-avatar
jinmeiyy_368
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有