热门标签 | 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前端。


推荐阅读
  • 当前,众多初创企业对全栈工程师的需求日益增长,但市场中却存在大量所谓的“伪全栈工程师”,尤其是那些仅掌握了Node.js技能的前端开发人员。本文旨在深入探讨全栈工程师在现代技术生态中的真实角色与价值,澄清对这一角色的误解,并强调真正的全栈工程师应具备全面的技术栈和综合解决问题的能力。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文详细介绍了 Dockerfile 的编写方法及其在网络配置中的应用,涵盖基础指令、镜像构建与发布流程,并深入探讨了 Docker 的默认网络、容器互联及自定义网络的实现。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 本文详细介绍了Akka中的BackoffSupervisor机制,探讨其在处理持久化失败和Actor重启时的应用。通过具体示例,展示了如何配置和使用BackoffSupervisor以实现更细粒度的异常处理。 ... [详细]
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
  • 本文将介绍如何在混合开发(Hybrid)应用中实现Native与HTML5的交互,包括基本概念、学习目标以及具体的实现步骤。 ... [详细]
  • 使用Maven JAR插件将单个或多个文件及其依赖项合并为一个可引用的JAR包
    本文介绍了如何利用Maven中的maven-assembly-plugin插件将单个或多个Java文件及其依赖项打包成一个可引用的JAR文件。首先,需要创建一个新的Maven项目,并将待打包的Java文件复制到该项目中。通过配置maven-assembly-plugin,可以实现将所有文件及其依赖项合并为一个独立的JAR包,方便在其他项目中引用和使用。此外,该方法还支持自定义装配描述符,以满足不同场景下的需求。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 在前两篇文章中,我们探讨了 ControllerDescriptor 和 ActionDescriptor 这两个描述对象,分别对应控制器和操作方法。本文将基于 MVC3 源码进一步分析 ParameterDescriptor,即用于描述 Action 方法参数的对象,并详细介绍其工作原理。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 前言作为一个移动端初学者、爱好者,能使用前端技术开发原生游戏一直是一件渴望而不可及的事情,暂且不说游戏逻辑的复杂度,算法的健壮性ÿ ... [详细]
  • 软件测试对于减少程序BUG有多大帮助?有经验的程序员通常认为测试与代码同等重要,测试可以减少代码变更或扩展的不确定性。测试应该方便阅读简单且能快速运行 ... [详细]
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社区 版权所有