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


相关文章
|
22天前
|
前端开发 JavaScript 小程序
2022年前端学习路线(个人认为)
本文提供了一条前端工程师的学习路径,分为三个阶段。第一阶段(1-2个月)重点掌握HTML、CSS、JavaScript及H5+CSS3,目标是能够构建基本的静态网页。第二阶段(2-3个月)深入Node.js、Git、Webpack及相关工具和规范,提升项目管理和构建能力。第三阶段(4-6个月)专注于Vue、React、Angular等主流框架,以及uni-app和微信小程序的开发,旨在实现跨平台应用的开发能力。每个阶段都有详细的课程推荐,帮助初学者逐步成长为合格的前端工程师。
24 1
|
4月前
|
JavaScript 前端开发 关系型数据库
前端node学习路线
【8月更文挑战第21天】前端node学习路线
57 8
|
4月前
|
前端开发 数据可视化 JavaScript
前端 three学习路线
【8月更文挑战第21天】前端 three学习路线
56 2
|
6月前
|
移动开发 前端开发 JavaScript
大前端完整学习路线(详解)
大前端完整学习路线(详解)
127 0
|
移动开发 前端开发 Linux
进阶攻略|前端完整的学习路线
进阶攻略|前端完整的学习路线
228 0
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线路线设置
前端学习笔记202305学习笔记第二十三天-地图单线路线设置
66 0
|
移动开发 前端开发 JavaScript
前端入门 前端自学路线 web开发前端如何学习
前端入门 前端自学路线 web开发前端如何学习
255 0
前端入门 前端自学路线 web开发前端如何学习
|
缓存 JavaScript 前端开发
一个大四学长分享自己的web前端学习路线--vue篇(1/3)
学会使用插值、什么是表达式、了解什么是指令、什么是动态属性已经v-html标签(注意:v-html这个标签会有XSS风险,它会将我们的子组件覆盖掉)
36657 1
一个大四学长分享自己的web前端学习路线--vue篇(1/3)
|
前端开发 JavaScript 程序员
前端学习路线(三)
往期回顾↓↓↓ 前端学习路线(一) 前端学习路线(二) 在前两章中,我们讲了如何去学习前端三剑客、js高级和bootstrap的重点,得到了很多前端初学者的好评,收藏量也是每天都在增加,所以今天博主想写一下第三章,主要想讲一下学习ajax和webpack的问题,ajax是前端学习的重点,如果不会ajax,写出再好的页面也只是一个空壳,而webpack则是一个打包工具,对于项目的上传具有重要的作用。
172 1
前端学习路线(三)
|
设计模式 前端开发 JavaScript
写给初中级前端的高级进阶指南(万字路线)
由于公众号文章不允许外链,需要跳转文中链接的同学可以在脚注里找到各个的资源链接,也可以通过点击阅读原文更加方便的跳转链接