1. 程式人生 > >前端小白的學習歷程

前端小白的學習歷程

本文會不斷更新,用於記錄自己從0開始學前端的過程。
——補充:0的意思是工科類非科班出身,程式設計經驗非常少。

總結

基礎學習階段
1《JavaScript高階程式設計》(推薦)
2 百度前端技術學院2017(推薦)
3《鋒利的jQuery》
4 奇舞前端特訓營視訊
5 JS能力評測經典題50題(推薦)
6 JS技能大挑戰9題
9 阮一峰的JavaScript標準參考教程!!(推薦推薦)

應對面試
7 公司真題
8 前端面試經典題目合集(推薦)

學習歷程

史前

跟了實驗室Web應用專案,學習jQuery+AJAX+HTML+Bootstrap+JSP實踐入門。都是照葫蘆畫瓢,自己去模仿前人的程式碼,完成任務。

基礎學習

2017年3月

開始為前端求職做準備。嗯,起步又晚。

(推薦)1《JavaScript高階程式設計》基本從頭到尾一遍。
4天/周 && 8小時/天 && 4周。約10-15min/page
——3月就開始實習內推了,當時看書太著急!不過感覺挺好,都說要看個三遍以上的。
——月底,大佬們手握offer,我還不敢投簡歷,懶人的慫

(推薦)2百度前端技術學院2017,基礎。基本完成第一個學院HTML+CSS部分。0.8-1個作業/天。
——開始每個小作業都要用一天,後面大作業有時直接copy作業,然後自己從前到後手打一遍。

3《鋒利的jQuery》

,因為之前專案用的jQuery。當手冊看,5min/page,看了2/3。

4 奇舞前端特訓營視訊,由奇舞團錄製,精神上相信高質量!
——因為視訊長、視訊快進控制的不好,只看了兩三集。適合集中時間認真地看

2017年4月

大規模暑期實習招聘開始了,首先投簡歷-簡歷修改,到5月底投遞接近20家。

牛客網線上程式設計-前端-5(推薦)JS能力評測經典題50題,基礎,是書上方法的動手實踐。牛客上有討論,有答案,可操作。
——如果邊看書邊做題,會不會更好點?題目有標明考點,可操作

牛客網線上程式設計-前端-6 JS技能大挑戰9題,有難度沒做下來/(ㄒoㄒ)/~~。

牛客網7 公司真題。因為大佬公司開始筆試了,有逼迫感,考前刷兩套真題。到5月底,累計做了真題21套。4小時/套。
——做題方法是,自己答一遍(實在不會的跳過,有點會的查查,程式設計題基本都不會),看答案一遍。比較艱難。


——因為筆試題範圍廣(從計算機原理、網路到智力題),做題主要是讓自己考試時候不慌吧
——正式做筆試接觸了不少網站,給牛客網做廣告。吐槽:正式筆試答程式設計題,在牛客網上用JS吃了很大虧。

牛客網討論區-前端工程師專題練習-8(推薦)前端面試經典題目合集,和做題穿插著看,有挺多不懂的地方。

9 !!(推薦推薦)阮一峰的JavaScript標準參考教程,看了2/8,我做對《高階程式設計》的複習,感覺可以替代《高階程式設計》,講得更透徹。

2017年5月

面試機會少,又都被拒,五一腦子進水(心累+偷懶),答應了一個全職的創業公司前端實習
——公司不加班,目前實習兩週多。好處是:有專案,和自學相比,更有動力。有人被老大手把手教node+SQL。壞處是:被教的那個人不是我,我負責頁面實現。上下班路上累,於是偷懶,自學時間太少!
——對我來說,新框架不懂的太多,但問leader就會教。公司還缺前端實習,有意可以傳送簡歷至HR,[email protected];2017年6月16日前有效。

下一計劃

我的學習還是有點雜。給自己定個方向:從基礎抓。
2 百度前端技術學院,開始第二個學院JavaScript。

9+5 JavaScript教程+JS能力評測,複習基礎也要動手
6 JS技能大挑戰9題,用作提升
10 Bootstrap原始碼,用作升級(模組,元件化等)

11 《JavaScript權威指南》,有時間看看怎麼講得

疑問求助

感覺在創業公司實習,學習的面廣,但強度不夠,綜合考慮,可能後續自學,所以有看Bootstrap原始碼的打算,是參考了下面連結,不知道方向對不對?
像bootstrap一樣的去做web程式設計
關於前端的學習
前端開發有必要學習Bootstrap?

另外看了程式設計之美、react、angular、node,但小打小鬧不值一提,待持續更新。

相關推薦

前端學習安裝node npm vue webpack所遇坑!

1.package.json 依賴包不全的時候 npm install 重新裝一下就可以了。 2.npm run dev 一定要在專案目錄下執行 否則會提示找不到package json。 3.mac使用者一定要記得命令前加sudo。

前端學習歷程

本文會不斷更新,用於記錄自己從0開始學前端的過程。 ——補充:0的意思是工科類非科班出身,程式設計經驗非常少。 總結 基礎學習階段 1《JavaScript高階程式設計》(推薦) 2 百度前端技術學院2017(推薦) 3《鋒利的jQuery》

前端之每天學習記錄----php(2)數據庫操作軟件

blog 4行 pan 一個數 修改 列數 tor 清0 插入數據 數據庫 存儲數據的倉庫(軟件)(DBA:Database Administrator)數據庫管理員mysqlsqlserveroracle...... 數據庫軟件架構 C(client)->

前端之每天學習記錄----php(6)面向對象

prop 封裝數據 ima 影片 最大的 const object 經理 符號 php面向對象類: 一類共性事物的抽象 比如: eg:車子 共性:類的共性 eg:輪子、能動 對象: 類造出來的 eg:自行

前端之每天學習記錄----js簡單的組件封裝

學習 styles this src 元素 modal info clas mov 設計模式:是解決問題的模板 關於設計模式,可以閱讀湯姆大叔的博文http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html 這裏

學習web前端,學會這些你就是優秀的前端工程師了

隨著時代的發展,現在從事IT方向的人有很多,所以勵志要成為Web前端開發工程師的人有很多。當然也有很多人在不知道什麼是Web前端?Web前端要學習什麼內容?今天小編就來給大家解讀一下Web前端。包括定義、學習的內容和工具等等。 什麼是前端? 前端:針對瀏覽器的開發,程式碼在瀏覽器執行 後端:針對伺服

web前端技術講解之call和apply的使用(很適合新手學習

就是想整理一篇關於call和apply的文件,不想編一些什麼最近學習的時候遇到問題研究之後想分享給大家之類的理由,就是想寫!就是想發!就是想!!! 以下是正文>>>>>>>>> 在使用call和apply之前,我們需要先做一些知識儲備: 一、wind

適合新手學習的web前端學習路線圖

Web前端是一個入行門檻較低的開發技術,但更是近幾年熱門的職業,web前端不僅薪資高發展前景好,是很多年輕人嚮往的一個職業,想學習web前端,那麼你得找到好的學習方法,以下就給大家分享一份適合新手小白學習的web前端學習路線圖。 第一:基礎的重要性 無論做什麼都一定要有紮實的基礎,參加we

適合新手學習的web前端自學路線圖整理

新手小白學習web前端要學多久?沒有基礎的同學想要學習web前端選擇什麼樣的學習方式會比較好一些呢?很多想要學習web前端開發的同學都有這個困惑,主要是擔心web前端開發門檻高,害怕學不會。 其實關於零基礎怎樣學習web前端開發這個問題我們應該辯證的來看待,相對於IT技術類的其他技術崗位,web前端開發絕對

學習前端---第二天 HTML的基本屬性————1

一.HTML的屬性 1.1基本屬性 1.1.1三個基本屬性 class        定義類規則或者樣式規則 id         定義元素的唯一標識 stype     定義元素的樣式宣告 1.1.2不含三個基本屬性的元素 html、head    文件和頭部資訊基本結構 title      網頁標題 b

前端--之學習本地存儲與cookie

獲取cookie eval 路徑 EDA 即使 設置 解釋 round tar 百度了很多都是講的理論,什麽小於4kb啊之類的,小白看了一臉懵逼復制到html中為什麽沒效果!!哈哈。我來寫一個方便小白學習。 貼圖帶文字描述,讓小白也運行起來,然後自己再去理解。。。 1. c

適合新手學習的web前端開發學習大綱,值得收藏!

州千鋒12-25 09:40   小白怎麼學習web前端?下面就跟著一起來看看適合新手小白學習的web前端開發學習大綱。 Web前端幾年是越來越火熱了,讓更多的人看到了前端的高薪資,更看到了前端行業的發展前景,所以紛紛投入到學習前端技術學習中來,那麼有沒有一份適合新手小白學習的web前端

前端如何輕鬆學習JavaScript

js給初學者的印象總是那麼的“雜而亂”,相信很多初學者都在找輕鬆學習js的途徑。我試著總結自己學

2019年學習web前端路線圖及學習攻略

Web前端是一個入行門檻較低的開發技術,但更是近幾年熱門的職業,web前端不僅薪資高發展前景好,是很多年輕人嚮往的一個職業,想學習web前端,那麼你得找到好的學習方法,以下就給大家分享一份適合新手小白學習的web前端學習路線圖。 第一:基礎的重要性 無論做什麼都一定要有紮實的基礎,參加web前端開發培訓也不

前端的資料結構學習總結——圖

[TOC] ## 什麼是圖 圖是一種非線性的資料結構,是對網的一種抽象的理解,比如說中國鐵路網: ![鐵路網](https://images.cnblogs.com/cnblogs_com/jzhishu/1839762/o_200903103340%E9%93%81%E8%B7%AF%E7%BD%91.pn

滴滴系列》-線程和進程(學習,內容均參考網絡資料)

多個 系統 資料 搶占式 線程 並發 強制 資源 資源分配 1、進程就是操作系統將資源分配成一塊一塊的內存 2、線程就是在進程中運行的多個程序 3、線程是程序運行的最小單位,而進程則是分配資源的最小單位。 4、一個進程可以有多個線程 5、任務調度:采取時間片輪轉搶占式執行,

淺談身為學習Linux系統的四點實用建議

nbsp 同學 linu 系統 性格 如果 幸運 單個 都是 遊戲、辦公、安全,可以總結為是方便當代人們在生活中的剛需,我們大都是這些服務的使用者,而把單個功能整合起來那就必須談到互聯網,自然而然通過互聯網要將Service發送給Service management,經過S

Python學習之路—變量、字符編碼、字符拼接

sdi 電路 input elif action aps 類型 lam job 變量命名規則: (1)變量名只能是字母,數字,下劃線的任意組合。  ex:_amber_666NAme (2)關鍵字不能聲明為變量名  ex:[‘and‘, ‘as‘, ‘assert‘, ‘

Python學習之路—while、for循環、運算

範圍 src 格式 次循環 pen 映射 年齡 退出 finish Python裏面的循環跟其他語言裏的循環基本一致,只是書寫格式不同。 1.for循環: for [循環條件]:[循環語句]  滿足循環條件,則執行循環語句,執行一次判斷一次,不滿足則結束循環。 簡單的循環:

學習之Code First(三)

數據庫 change chang chan inf 模型 code test nbsp 上下文Context類中的base構造器的幾個方法重置(1、無參 2、database name 3 、 連接字符串) 無參:如果基類base方法中無參,code first將會以 :{