2020年最新前端学习路线

简介: 2020年最新前端学习路线

核心技能

HTML
    网页结构
CSS 
    美化页面
    盒子模型、布局方式(Flexbox, Grid)
JavaScript
    事件、交互、数据处理
    基础语法、ES新规范
网络基础
    域名、DNS、服务器
    Linux(常用命令)
    服务器程序(Ftp, ssh、Apache, Nginx)
    HTTP协议

进阶技能

响应式布局 css media query
兼容性调整 css->css hack; js->babel/prolifill
UI框架 Bootstrip、Semantic UI、Tailwind CSS
SEO
Node.js npm/yarn
css预编译工具

VS Code插件

实时预览 live server

代码格式化 prettier


codesandbox


1、MDN developer.mozilia.org

2、caniuse.com

3、css-tricks.com

4、codepen.io

5、medium.com

6、hackernoon.com

7、stackoverflow.com

8、freecodecamp.com

9、reactjs.org

10、segmentfault.com

11、juejin.im

12、csdn


相关文章
|
29天前
|
前端开发 JavaScript 小程序
2022年前端学习路线(个人认为)
本文提供了一条前端工程师的学习路径,分为三个阶段。第一阶段(1-2个月)重点掌握HTML、CSS、JavaScript及H5+CSS3,目标是能够构建基本的静态网页。第二阶段(2-3个月)深入Node.js、Git、Webpack及相关工具和规范,提升项目管理和构建能力。第三阶段(4-6个月)专注于Vue、React、Angular等主流框架,以及uni-app和微信小程序的开发,旨在实现跨平台应用的开发能力。每个阶段都有详细的课程推荐,帮助初学者逐步成长为合格的前端工程师。
26 1
|
4月前
|
前端开发 数据可视化 JavaScript
前端 three学习路线
【8月更文挑战第21天】前端 three学习路线
59 2
|
6月前
|
前端开发 Java 关系型数据库
Java后台学习路线
Java后台学习路线
62 5
|
6月前
|
移动开发 前端开发 JavaScript
大前端完整学习路线(详解)
大前端完整学习路线(详解)
133 0
|
移动开发 前端开发 Linux
进阶攻略|前端完整的学习路线
进阶攻略|前端完整的学习路线
228 0
|
Java 关系型数据库 MySQL
JAVA后端学习路线
JAVA后端学习路线
173 0
JAVA后端学习路线
|
移动开发 前端开发 JavaScript
前端入门 前端自学路线 web开发前端如何学习
前端入门 前端自学路线 web开发前端如何学习
258 0
前端入门 前端自学路线 web开发前端如何学习
|
Web App开发 前端开发 JavaScript
前端学习路线(一)
很多人问我前端学习的路线是怎么样的,css要学多久,js高级要不要学,先学node.js还是先学vue,所以想通过一篇博文来讲一下这个事情
224 5
前端学习路线(一)
|
前端开发 JavaScript NoSQL
前端学习路线(二)
在前端学习路线(一)一章中我们讲了关于前端三剑客和jq与js的问题,并且简要的说明了js高级是什么,那在本章节我们主要从如何学习js高级开始进行讲述,并对es6如何学习,bootstrap学不学和学什么,并对前后端分离做个简要的描述这几个问题展开讲解,还有推荐基本适合初学者看的书,这个书是有读者问了我我才想起来的,在此感谢很多喜欢博主的文并提出建议的小伙伴!
193 4
前端学习路线(二)
|
前端开发 JavaScript 程序员
前端学习路线(三)
往期回顾↓↓↓ 前端学习路线(一) 前端学习路线(二) 在前两章中,我们讲了如何去学习前端三剑客、js高级和bootstrap的重点,得到了很多前端初学者的好评,收藏量也是每天都在增加,所以今天博主想写一下第三章,主要想讲一下学习ajax和webpack的问题,ajax是前端学习的重点,如果不会ajax,写出再好的页面也只是一个空壳,而webpack则是一个打包工具,对于项目的上传具有重要的作用。
174 1
前端学习路线(三)
下一篇
DataWorks