素材巴巴 > 程序开发 >

零基础学web前端,以前的教学视频可以跟着学吗 ?【全新web前端入门视频教程】

程序开发 2023-09-04 07:07:32

首先,简明扼要的回答这个问题,这是可以的。但是仅限于前端通用的基础知识部分。

题主学习前端,首先应该列举出整个前端的知识图谱,然后制定一个合理的学习线路图,逐个击破,只要保持学习的热情和持之以恒,肯定能成为一位合格的前端工程师。前端算是目前互联网研发岗中门槛相对较低的,只要具备完整的前端知识体系和项目业务逻辑能力,胜任前端研发岗还是比较简单的。

前端知识图谱可以自己按照如下方式列举:

那么首先,我们来聊一聊前端的基础知识(完全可以跟着学习的部分)。

所以,html要牢固掌握,现在主流是HTML4/HTML5。

那题主肯定想问?何谓牢固掌握,很简单,你看到的所有互联网产品的布局,你都能轻松的写出来,记住是所有,无论是PC端还是移动端(当然还是要结合css/css3)。

当然,题主可能会想,那sass/less/stylus呢, css module呢?记住,把css学好,学习预处理语言so easy, 其他的css方案也如是,甚至项目中边查边用都可以,毫不费力。

Atwood定律是这么说的,Any application that can be written in JavaScript, will eventually be written in JavaScript(任何能够用JavaScript实现的应用系统,最终都必将用JavaScript实现)。

JavaScript,1995年创立,彼时只是为了完成以前见到的表单验证的脚本语言而已,而今已是实现最火热的编程语言之一,编程语言排行榜前10,github托管项目使用最多的编程语言,有句话是这么说的,”移动互联网时代,我们都使用JavaScript编程”,这句话一点都没有错。

国内互联网一二线互联网公司,面试要求扎实的JavaScript基本功远重于框架的使用,毕竟他们很多前端的开源产品或内部产品,都需要基础框架支撑。百度的echarts系列(echarts/echartx-x)、UMeditor、ZRender,蚂蚁的Ant Design系列、AntV、BigFish、Egg、Dva、UMI、腾讯的WeUI,还有Elementui、Uni-app、Iview等等,这些产品的底层支撑都需要JavaScript,足以见得,扎实的JavaScript基本功非常重要。

以上,都是前端最重要的基础知识部分。

接下来,就是五花八门的框架,具体我归纳为以下5套技术体系:

1. jQuery系列/bootstrap或其他ui框架/gulp或grunt/less。

这一套东西是传统的前端技术体系,比较老,目前市场主流公司使用不多,逐渐退出历史舞台,稍微涉猎即可。

2. Vue/Vue-cli/Vue-router/Webpack/Vuex/Axios/Elementui或MintUI,Vue全家桶系列。

这一套是目前市场主流,国内大部分中小型公司前端技术栈,基本覆盖到所有前端项目的业务场景。这个系列的技术,推荐题主找最新的学习资源或者从官方文档学习,再加以项目实践,2~3年前的可能已经过时了。目前Vue官方最新稳定版是2.6.11,所以题主需要学习的,至少是最近几个版本的。尤雨溪19年10月5日开放了3.x源码,github搜索vue-next即可,95.8%的TypeScript使用率,较于2.x的97.7%的JavaScript使用率,基本全部重构,所以,TypeScript也是前端必备技能了。

不过不用过于担心,公司中目前主流依然是2.x,未来TS是趋势。

3. React/React-Router/Redux/Webpack/Thunk/Redux-Saga/Dva/AntDesign系列.

这一套技术基本是中大型互联网公司前端技术栈,React框架使用率全球第一,国内可能稍劣于Vue,可以说是对前端技术体系的颠覆,让前端代码的组织变得优雅而易于维护,性能爆炸高,目前官方最新稳定版是16.12,题主找16.x版本的资源学习都不会过时。之前的版本都会过时了,比较最新版本的更新迭代还是调整较大,具体可去看官方版本日志。

4. 微信公众号,微信小程序、支付宝小程序系列

这套技术体系原生写法和框架都很多,我就不一一列举了,前端开发必备技能,因为目前大部分公司的产品,都是全平台的。找最新的相关资源学习即可。

5. Hybrid混合式开发。

很多公司为了节约开发成本,Hybrid也是必不可少的,一套代码,跨三端(Web/Android/IOS),想想都有点小激动呢,其中主流的 ReactNative、Ionic、Week。

此外,目前NodeJS在前端不可或缺。 另外跨多端的解决方案,Vue体系的: uni-app, React体系的:Taro/Flutter目前火热,已经跑在很多公司的生产环境中,都需要学习掌握。这几年,将会是趋势。这些学习资源,几年前是没有的,题主可以自行搜索学习或者看官方文档即可。

技术更迭变化,唯一不变的,是作为一个技术人员,对技术的执著和热爱,作为技术路上的同行人,路漫漫其修远兮,吾将上下而求索,与题主共勉。

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节,互相交流学习,不停更新最新的教程和学习技巧(网页制作,网站开发,web开发,从0基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端HTML5的项目实战【视频+工具+系统路线图】全栈工程师学习路线以及规划都有整理,分享给小伙伴)点:学习前端,我们是认真的


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。