Web前端工程师项目实战,前端架构必备技术指南!

开课吧开课吧锤锤2021-06-08 11:08

点赞
有用
分享分享

    此系列指南面向的读者是零基础或想从其他技术栈转移到前端开发技术栈的朋友。指南结构方面,会先从前端的基本技术点开始介绍,如最基础的知识点HTML、CSS、JavaScript开始,在介绍的过程中会推荐一些比较好的学习资料、方法、以及实战的方法。

web

    然后会介绍前端技术的发展路径以及目前比较流行的前端技术框架,并会对目前前端最流行的React、Angualr、Vue.js进行介绍。

    在介绍了React、Angualr、Vue.js框架后,会同时介绍它们对应的移动端开发框架ReactNative、Ionic、Weex框架,这部分也属于目前「大前端」概念的基础知识点。

    后续的内容会结合反馈进行动态地调整。

    1.前端开发简介

    关于前端的定义各自有各自的理解,甚至不同的公司对前端岗位有不同的定义与技术要求。

    而一般将「用户可视区域」的功能实现都划分为前端开发的范畴,如Web界面、手机端的界面、各类大小屏幕的界面甚至一些嵌入式设备的界面(冰箱上都能下单购物了?)。

    基础技术架构

    前端最基础的技术架构肯定是最基础的HTML、CSS、JavaScript三个好朋友。

    HTML负责页面结构展示,CSS负责页面样式渲染,JavaScript负责页面逻辑处理。

    而JavaScript借助强大的社区力量,以及Node.js框架,使得JavaScript同时具备了I/O处理的能力,从而使得JavaScript开发桌面应用也成为了可能。

    而HybridApp开发框架,通过Bridge的形式打通了原生框架底层与JavaScript端,使得通过JavaScript就可以开发移动App。

    ReactNative、Ionic、Weex这些混合App开发框架的底层也正是基于这样的技术架构实现的。

    2.零基础怎么开始学前端

    这里基本就按照最接地气的建议给大家推荐我觉得比较平滑的学习计划与方法,不能保证适合所有人,但基本按照这个学习路径,还是可以轻松入门前端开发的。

    前端新手学习路径

    1、搭建基本的开发环境,配置好一个顺手的开发IDE,事半功倍。

    2、学习HTML与CSS,这两个技术点我建议结合在一起学习。

    3、学习JavaScript,学习的难度较HTML与CSS高很多,可以从JavaScript的基础语法学起。

    4、掌握了HTML、CSS、JavaScript后,可以尝试自己动手写完整的Web网页。

    5、开始学一个样式框架,如Bootstrap、AntDesign等。

    6、使用掌握的框架优化之前写的完整Web网页。

    7、开始选择一个前端框架,如React、Angualr、Vue.js其中的一个开始学习,学习周期会比较长。

    8、使用掌握的前端框架优化之前写的完整Web网页。

    9、大量研究BAT大厂的Web网页,看到觉得比较有趣的功能可以尝试在自己的Web网页上实现。

    10、遵从前端Web网页优化准则进行项目的优化,掌握准则中不懂的知识点。

    以上是一个前端新手应该梳理的知识点,同时也是一个比较好的学习路径。更多前端教程点击下方图片即可获得。

web

    以上就是开课吧广场小编为大家整理发布的“Web前端工程师项目实战,前端架构必备技术指南!”一文,更多Web面试相关内容尽在开课吧广场Web面试频道!

    小编推荐

    有了这份Web前端学习路线图,零基础学习再也不迷茫!

    聚焦前端热门面试题,争取高薪Offer!

    人人都想成为前端架构师,如何突出你的核心竞争力?

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享