跟我學《JavaScript高程3》
第一講:第1~3章
課程製作:bling,興哥,5年Java,3年前端 課程知識:JavaScript、Html、Css 課程目標:前端體系課程,逐步深入,找到一份前端工作 課程大綱:本書目錄結構 適合人羣:前端初學者,可以0基礎,但要認真,踏實
回答幾個問題
1、爲什麼要學習前端?JavaScript有哪些用處?爲什麼要講這本書?
移動互聯網是未來的趨勢,移動設備H5開發帶動了前端趨勢,今後App基本都是Native+H5實現。 頁面效果,數據交互,運算等等。 這本書基本是所有學習JavaScript的同學人手一本,本書講解的JavaScript非常詳細,適合作爲課程大綱。 但是本書太厚,知識點太多,初學者自學很難堅持看完。不知道哪些是重點,哪些是將來工作和麪試中經常遇到的。
2、如何學習?學習多長時間?學習到何種程度才能找工作?
邊看書,邊寫代碼。 至少學習3個月時間,需要學習的輔助知識還有Html,Css。 可以獨立開發完整的前端項目,比如博客項目、論壇項目的前端開發,就可以去找工作了。
3、學習中需要準備的工具有哪些?
谷歌瀏覽器,webstorm編輯器,前端工程師必備軟件之一。
4、我的講課模式是什麼樣的?
邊看書,邊寫代碼演示,邊舉例,一步步逐漸深入。用最通俗的語言,講解難以理解的知識點。
推薦學習網站:w3school
準備工作:
1、軟件安裝:chrome瀏覽器、webstorm 2、靜態項目結構搭建:html、css、js、images html:一般用於存放頁面 css:用於存放樣式文件 js:用於存放JavaScript腳本文件 images:用於存放圖片
課程筆記
1、JavaScript組成部分:EcmaScript,Bom,Dom
EcmaScript:JavaScript這門語言自身的功能 Dom:JavaScript操作頁面文檔的功能 Bom:JavaScript操作瀏覽器的功能
2、Html頁面引入JavaScript文件
引入方式:<script src="../js/001.js" type="text/javascript"></script> 知識點:需要注意文件的目錄位置,如果是html頁面和js文件在同一個目錄,直接引入即可。如果不是同一個目錄,需要尋找到js文件所在目錄。
3、第一個hello , world
知識點:寫在body中的內容會直接顯示在頁面中,寫在title中的內容,將會顯示在瀏覽器的頭部。
4、關鍵字,保留字
關鍵字:JavaScript中已經被使用的一些單詞,表示特定含義,不可以隨便使用。 保留字:JavaScript未來發展可能會使用的一些關鍵字。 知識點:可以用,但是不能作爲函數或者變量名稱。
5、變量
定義:變量是我們在程序中使用的一個標記 知識點:使用var關鍵字去定義一個變量,變量的名字叫做a,變量的值使用=號,雙引號括起來是表示字符串
課後作業
1、安裝本課程中的軟件
2、構建基礎項目結構
3、編寫Hello,world代碼,需採用引入js腳本文件方式