前端学习路线_前端学习路线图
2020年全新前端学习路线图分享给大家!
学习是一个循序渐进的过程,是一件非常难得坚持的事情。如果真的想学习前端开发,一定要下决心!
我这里分享给你的前端学习路线图,希望对你有帮助,以下为2020年更新版本, @尚学堂前端学院 在2020年更新前端开发学习路线图,把2019年新技术,新课程囊括其中,也写了技术树,每个极端需要学习的技术,跟着学完你就是中高级程序员!
前端学习框架
一、web前端基础
HTML+CSS基础是前端中级程序员的起点,是帮助你从小白到懂得编程的必经之路。
在前端基础板块中有三块构成了web世界,这也是大家总所周知的事情。分别是:HTML、CSS、JavaScript。而每一部分都是要很多的知识积累才能运用的刃有余。
- HTML具有更好的语义特性、本地存储特性、设备兼容特性、网页多媒体特性、css3特性等。他是web的新一代开发标准。只不过h5大大提升了对移动端的支持能力。现在有些桌面浏览器对html5的支持还不健全,有些新特性不见得能生效(现代浏览器支持度较高),而移动设备上(android、ios)的浏览器(或webview)大都是webkit内核,对html5的支持度较高,所以一般在移动设备上使用不会出太大的兼容性问题。
- javascript刚开始是有Netscape公司开发出来的,命名是为了跟上java这股热风(但和java毫无关系)。随后微软进入了浏览器市场,由此催生了javascript的标准化,而这个标准名称就叫ECMAScript,从此javacript正式成为一门语言。实际上,javascript是ECMAScript的超集,可以认为是和typescript一样的存在。他们都实现了ECMAScript的标准。我们现在所说的标准规范都指ECMAScript规范,当前流行的最著名的就是ES5、ES6等标准。
配套学习视频:
【尚学堂教育】2020年Web前端HTML5+CSS3全套基础教程(初学者零基础入门)_HTML开发实战项www.bilibili.com
配套资料:
https://cloud.189.cn/t/IvU7NrUvI7Bz (访问码:wxs0)
二、JavaScript
JavaScript 是 Web 的编程语言。
所有现代的 HTML 页面都使用 JavaScript。
JavaScript 非常容易学。
主要学习的内容:JavaScript基础、JavaScript函数、JavaScript数组与对象、DOM、事件实例、json解析、面向对象、原型与原型链和bootstrap。
配套的视频下载链接:
Web前端开发HTML/CSS/JavaScript/H5/react_零基础必看web前端开发教程_202002期第二阶段_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
对应的文档源码
链接:https://pan.baidu.com/s/13s-mvT4pOy3OyvoQV-P_WQ
提取码:phjy
三、jQuery
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
主要学习的内用有:jQuery基础、jQuery常见方法、jQuery节点操作和jQuery实战联系
配套视频下载链接:
jQuery基础视频教程-尚学堂www.bjsxt.com
四、Ajax
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。
AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。
AJAX 应用
- 运用XHTML+CSS来表达资讯;
- 运用JavaScript操作DOM(Document Object Model)来执行动态效果;
- 运用XML和XSLT操作资料;
- 运用XMLHttpRequest或新的Fetch API与网页服务器进行异步资料交换;
- 注意:AJAX与Flash、Silverlight和Java Applet等RIA技术是有区分的。
配套视频下载链接:
PHP基础视频教程-尚学堂www.bjsxt.com
五、H5新特性
HTML就是你跟浏览器下达命令的语言。比如要把一篇文章显示在浏览器上,文章既有图片又有文字,你要告诉它哪些是文字,哪些是图片,并且分别都放在哪个地方,需要用什么样式(颜色、大小、对齐……),我们把浏览器显示的页面叫做网页。
主要内容:常用框架、移动端与REM、canvas元素和H5新特性
配套视频下载链接:
常用框架视频教程-尚学堂www.bjsxt.com
六、angularJS
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过指令扩展了 HTML,且通过 表达式绑定数据到 HTML。
主要内容:angular指令、angular路由、angular服务、angular自定义服务器和angular自定义指令。
配套视频下载链接:
Angular指令视频教程-尚学堂www.bjsxt.com
七、模块化
当前,实现模块化本体主要有两种主要的语言途径:一种是基于非经典语义的逻辑语言扩展,如分布式描述逻辑,E-连接和基于包的描述逻辑;另外一种途径是基于经典描述逻辑语义,但限制对外部符号的使用以保证各模块可安全的合并。
主要内容:模块基础、require和require实战
配套视频下载链接:
模块基础视频教程-尚学堂www.bjsxt.com
八、前端构建工具
什么是前端构建工具?
比如我们执行一些例如
CoffeeScript/ES6
去代替Javascript
、JS
或CSS
压缩、用Less
去写CSS
、用Jade
去写HTML
、用Browserify
去模块化、为非覆盖式部署的资源加MD5
戳等,这些操作如果我们一遍遍手动执行,非常耗费时间和精力,所以前端构建工具,或者较前端自动化构建工具,就是用来让我们不再做机械重复的事情,解放我们的双手的。
主要内容:webpack和gulp
配套视频下载链接:
Webpack视频教程-尚学堂www.bjsxt.com
九、react
react是Facebook推出的一个用来构建用户界面的 JavaScript 库。 React主要用于构建UI,很多人认为 React是MVC中的V(视图)。React拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。
主要内容:react基础、react环境搭建、react路由3.x、react路由4.x、react UI框架antd和react网络请求fetch
配套视频下载链接:
React基础视频教程-尚学堂www.bjsxt.com
十、Vue
vue指的是vue.js框架。Vue.js是一款流行的JavaScript前端框架,一个用于创建用户界面的开源JavaScript框架,旨在更好地组织与简化Web开发。
配套视频下载链接:
Vue.js基础入门开发-尚学堂www.bjsxt.com
十一、小程序
配套视频下载链接:
小程序视频教程-尚学堂www.bjsxt.com
好了,学习线路图分享到这里, 如果有最新学习视频,我会继续更新!
更多的前端学习视频:
关注我分享更多的视频教程www.bilibili.com
----------------------------------------------------------------------------------------------- 根据大家的需求,我们也有所修改
接下来给大家更新一部分电子书籍
前端学习路线_前端学习路线图相关推荐
- 如何使用jquery_好程序员web前端学习路线分享jQuery学习技巧
好程序员web前端学习路线分享jQuery学习技巧,jQuery在web前端学习中是一个必不可少的内容,很多小伙伴都在学习这阶段的时候遇到问题,今天我们就来聊一下jQuery,让我们一起来看一看吧! ...
- Android学习路线_工具篇(一)简单的编辑器
工欲善其事,必先利其器.工具,是人类进化的一大助力,善于制造与使用工具,可以加快我们学习的速度.工具在人类的进化之路上随着人类共同进化,原始的人类需要的是原始的工具,先进的工具对于原始人来说也许是个占 ...
- Android学习路线_梳理
Android入门第一步,将需要学习的路线整体过一遍,了解学习的前置条件,明了自己的学习目标,胸有成竹才能势如破竹.本文中每个小点将单独出一篇文章,每篇文章将链路到此文,后续将持续更新. 1 工具篇 ...
- Android学习路线_入门篇(一)编写简单的APP
Android学习入门的目标就是能够编写出一个完整的APP,有可交互的界面,有基本的功能,有本地的数据库,有与后台的数据交换.在本文我们会了解到如何在AndroidStudio中新建.运行.打包一个A ...
- Python学习教程(Python学习路线_Python基础学习教程_Python视频教程):初学者新手怎样快速入门Python
Python学习教程(Python学习路线_Python基础学习教程_Python视频教程):初学者新手怎样快速入门Python? 人生苦短,我用Python!!!短短几个字,现在在各大学习类平台随处 ...
- C++后端开发学习路线及推荐学习时间
实习面试基本情况 先说一下楼主面试的情况,参与面试的公司:CVTE.搜狐.东方财富.美团.腾讯.字节跳动.阿里巴巴 CVTE:笔试-技术面1-技术面2-hr面-offer 阿里巴巴提前批:技术面1-挂 ...
- 正则表达式学习日记_《学习正则表达式》笔记_Mr_Ouyang
正则表达式学习日记_<学习正则表达式>笔记_Mr_Ouyang 所属分类: 正则表达式学习日记 书名: 学习正则表达式 作者: Michael Fitzgerald 译者 ...
- 大数据开发初学者学习路线_初学者的Web开发路线图
大数据开发初学者学习路线 This beginner's roadmap lays out all the basics for web development. We're going to go ...
- 【前端学习路线】前端攻城狮,需要掌握的技术
前端并不是简单的写写页面.对于很多人来说,也许不知道前端具体是做什么的,也不知道自己该学什么?前端本身就是包含很多,看似也很难下手. 但是学习路线明确了自然就好了,所以我就整理了一下,重点在下 ...
最新文章
- MFC窗体控件随窗体变化
- 安装testlink时mysql_windows下安装testlink
- Android 音视频开发入门指南
- optee中的中断处理详解
- 一些实用的DBA语句之二(慢慢更新)
- idea xml文件去掉背景黄色
- 弹性式分布数据集RDD——Pyspark基础 (二)
- 第 7 节:前端面试指南 — 微信小程序篇(附面试题答案)
- RegisterHotKey在XP系统下的运行问题
- Mybatis3 源码解析系列
- 我们一家三口不和双方父母来往了怎么办?
- 建立efi分区_电脑维修不求人之几条命令无损增加分区的方法
- dockerfile实例
- 计算机毕业设计之SSM网上订餐系统
- C语言解决约瑟夫环问题
- 后端向前端返回图片URL,并向后端传递base64格式URL
- 从教女儿下棋谈启蒙教育
- leetcode:448. Find All Numbers Disappeared in an Array找到所有数组中消失的数字(C++)
- 以预测股票涨跌案例入门基于SVM的机器学习
- 绝对公平?破解北京机动车摇号的秘密