web前端學習路線

時間 2019-11-09

標籤 web 前端學習路線欄目 HTML 简体版

原文原文鏈接

一初級篇：HTML、 CSS、 JavaScript、 web項目。html

二中級篇：GitHub、 Nodejs前端

三高級篇：設計模式（sass，less）web

　　 JavaScript組件化小程序

資料選擇：1.慕課網視頻學習；設計模式

2.官方文檔；sass

　　　　　3.項目：百度前端實戰、GitHub開源、服務器

（來自知乎暗滅）

第一 CSS篇 less

1. 2個小時的時間去看html 就學會<html><head><body><div><lable><input><p><input>就夠了異步

2.4個小時的時間去看CSS 就學會 color,position就夠了，花點時間看一下盒子模型函數

3.2個小時的時間，開始寫一個九宮格的小程序很簡單，用Div，畫出九個格子，心情好就隨便給點顏色

4.2個小時的時間，去配置一下Nginx 很簡單，配置好了以後就能夠在PC上打開，也能夠在手機上訪問了

5.4個小時的時間，去學習一下 px,em,rem和百分比。確保不一樣手機屏幕下看到的九宮格比例不失調，學習一下自適應。

6.2個小時的時候，學習一下Chrome的F12 感覺一下盒子模型，學習在F12下調試，看大小，更改值，看盒子寬度什麼的。

7.花8個小時的時候去學習各類居中

8.花4個小時的時間去學習製做表單很簡單的表單，登陸註冊就行，學會Placeholder.

9. 花4個小時的時間去學習製做導航欄

10.NND，忘了說了，在6條的時候就應該學會Svn或者是Git，去買一臺服務器，把本身的代碼放上去。

學習使用源碼管理工具。

11.花4個小時的時間去練習清除浮動

12.花2個小時的時間去學習PS的切圖。

13.花4個小時的時間去理解雪碧圖。

14.花8個小時間的時間去找一個PSD的源文件，而後去作出一個整站的完整頁面。

15.花8個小時的時間，去把這個頁面作成響應式的。

16.花16個小時的時間，將這個網頁的內容所有左右調換反轉。檢查本身的命名，樣式是否可以勝任PM異想天開的思路。

17.花4個小時的時間去學習前端編碼規範和命名規則

18.花4個小時的時間去學習各類彈框

19.花16個小時的時間去學習一下Bootstrap

20花8個小時的時間去用Bootstrap把以前的頁面所有重寫。

21 花4個小時的時間一樣的把頁面元素所有左右反轉。

22.花8個小時的時間去學習Less，用Less來重寫你以前的任務

23.花8個小時的時間學習一下Flex佈局

24.花48個小時的時間去完成一個完整的PC端

25.花48個小時的時間去完成一個完整的H5.

第二 JS篇

1.在CSS結束以前，準備學JS以後，就去看JS的基礎語法，推薦的哪本書我忘記了，修真院官網有。天天看1個小時，10天左右就差很少了。

2。JS語法的基礎部分，能夠分紅三大塊。第一部分數據類型，變量，函數，控件語句。預計30分鐘到60分鐘以內。

3。第二部分 Dom操做，先從簡單的input,div,label開始，不須要學會太多，知道不懂的去百度，學會讀和寫，預計30分鐘到2個小時之間。

4。第三部分，Ajax。學會Http的請求和響應，Json數據格式，異步和同步，超時這些基本的概念。預計在4個小時到16個小時之間。

5。若是以上學的都很差，不要緊，知道不懂哪裏查就好。而後花2天左右的時間，實現九宮格隨機變換顏色。

6。再花5天的時間去實現一個簡單的殺人遊戲簡化版分配角色的規則，給一個框輸入總人數，而後依據殺人遊戲的規則給每個人隨機分配角色。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。