前端自学路线图(转载)

Photo by Yancy Min on Unsplash

前言

前端从零自学路线,哪怕你一丁点基础都没有,也可以按照本教程设置的路线由简到难的学下去。如能坚持独立看完,找一份前端开发的工作不难。

编辑器

HTML 和 CSS 基础

页面布局

HTML5 和 CSS3

Emmet

Emmet-前端开发神器

Flex

中期考核

下载标注图(https://share.weiyun.com/5opxTkI),并用 HTML + CSS 完成该项目

要求:

  1. CSS 里不能出现 float,出现一处代表考核失败
  2. 布局尽可能不用的或者完全不用 position,每出现一处 position ,扣一分

JavaScript

命令行工具

安装Cmder
命令行教程

CSS预处理器

sass入门

Git

Vue 入门

目录1
Vue 开发购物车
Vue 官网练手小项目,只需要关注红色框选的部分,其他的不用看。首先不要看代码,根据效果自己去实现,如果自己实现不出来,再看代码。如果代码看不懂,就对着敲一遍,如果还不懂,就再敲一遍、三遍,十遍,直到自己能独立实现出来为止
目录2

Vue 进阶

ES6

ES6 练习

HTTP

HTTP(以下课程过一遍即可,无需敲代码)

  • HTTP协议原理(只看前三章)
  • 什么是跨域
  • 如何上线一个 web 网站[如何上线一个 web 网站](如何上线一个 web 网站)
  • 把《图解 HTTP》书过一遍

如已独立完成以上全部内容,恭喜你已经入门前端!
来源 : 简书 - Yi罐可乐

comments powered by Disqus