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


相关文章
|
3月前
|
设计模式 前端开发 JavaScript
2022新前端面试题(中高级)
2022新前端面试题(中高级)
|
3月前
|
前端开发 JavaScript 小程序
前端入门指南前端面试题库
前端入门指南前端面试题库
|
4月前
|
缓存 前端开发 JavaScript
前端入门到入土?(六)
前端入门到入土?
40 0
前端入门到入土?(六)
|
4月前
|
存储 JavaScript 前端开发
前端入门到入土?(三)
前端入门到入土?
67 0
|
5月前
|
移动开发 前端开发 Linux
进阶攻略|前端完整的学习路线
进阶攻略|前端完整的学习路线
129 0
|
8月前
|
Java 关系型数据库 MySQL
JAVA后端学习路线
JAVA后端学习路线
105 0
JAVA后端学习路线
|
Web App开发 缓存 JSON
前端工程化_知识点精讲
常见脚手架 Source Map 推荐阅读指数 ⭐️⭐️⭐️⭐️ Webpack 打包过程 推荐阅读指数 ⭐️⭐️⭐️ 微前端 Webpack Loader vs Plugin 推荐阅读指数 ⭐️⭐️⭐️⭐️ Webpack 生命周期 Webpack编译阶段提效 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ Webpack打包阶段提效 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️ Webpack 缓存优化 推荐阅读指数 ⭐️⭐️⭐️⭐️⭐️
108 0
前端工程化_知识点精讲
|
移动开发 前端开发 JavaScript
前端入门 前端自学路线 web开发前端如何学习
前端入门 前端自学路线 web开发前端如何学习
198 0
前端入门 前端自学路线 web开发前端如何学习
|
前端开发 JavaScript
重学前端 2 # 前端学习路线与方法
重学前端 2 # 前端学习路线与方法
57 0
|
XML 开发框架 JSON
2021前端最新学习路线,干货,是真干~
学习对于每个人来说,都是比较痛苦,也是比较枯燥的。但是如果您真的想学习前端的知识,就一定要耐住性子,静下心来,一步步的学习。学习是一个循序渐进的过程,是一件非常难得坚持的事情。要掌握学习的方法,人们常说:兴趣是最好的老师。先培养兴趣,学习起来会有事半功倍的效果
2021前端最新学习路线,干货,是真干~