一、了解學(xué)習(xí)框架些膨，下載Xmind思維導(dǎo)圖制作軟件
二、r學(xué)習(xí)語言
1.React ?Native(html網(wǎng)頁內(nèi)容結(jié)構(gòu)+css網(wǎng)頁視覺體驗+js網(wǎng)頁交互處理)iOS Android
2.weex->Vuejs->iOS ?Android
3.Flutter(野心最大的語言)->iOS ?Android Web ?PC段
4.javaScript->TypeScript->Dart钦铺、Java、Python
5.Linux->Linus->Git
三矛洞、文件設(shè)置
1.文件顯示詳情
2.顯示文件的擴(kuò)展名
3.顯示隱藏文件和文件夾
四、結(jié)構(gòu)和樣式分離
1.HTML+CSS+JS->瀏覽器解析
2.elements元素
五沼本、常用英文單詞
profile概述
console控制臺
sources來源
network網(wǎng)絡(luò)
performance性能
memory記憶
application應(yīng)用
security安全
audits審計
Plugin->為原有的軟件擴(kuò)展功能
Extension 插件
六噩峦、瀏覽器內(nèi)核概況
HTML+CSS+JS->內(nèi)核(渲染內(nèi)核)+JS引擎(V8)->適配Chrome/IE/360
->Trident(三叉戟):IE擅威、360、搜狗冈钦、百度、UC
->Gecko(壁虎)Mozilla Firefox火狐
->Presto(急板樂曲)->Blink(眨眼)開源瞧筛、Opera
->Webkit:Safari、360较幌、搜狗揍瑟、移動端(Android乍炉、iOS)
app->webview(webkit)->直接打開網(wǎng)站
?需要關(guān)注的瀏覽器Google Chrome绢片、Mozilla Firefox(火狐)岛琼、Opera(歐朋)底循、Safari槐瑞、IE(最獨特8.0版本之后正常)
w3c
?內(nèi)容概要
1.網(wǎng)頁基本元素
文檔聲明熙涤、html元素（根元素、只有一個）lang屬性（W3C標(biāo)準(zhǔn)）
2.h元素/p元素/a元素/img元素/strong元素/div/span
3.br/hr/code
4.URL/SEO優(yōu)化
七、記事本開發(fā)網(wǎng)站 第一條程序
<!doctype html>
<html>
?????<head>
京東（JD）</title>
元數(shù)據(jù)metadate
?????<body>
Hello World
標(biāo)題????????<p>Hello HTML CSS JavaScript
專業(yè)前端開發(fā)工具
WebStorm那槽、 Sublime Text、 Visual Studio Code等舔、 Atom、 HBuilder软瞎、 IntelliJ、 IDEA涤浇、Dreamweaver
智能提示鳖藕、高亮識別只锭、語法檢測著恩、集成環(huán)境蜻展、開發(fā)效率高提示
段落
?????</body>
</html>
專業(yè)前端開發(fā)工具
WebStorm喉誊、 Sublime Text纵顾、 Visual Studio Code伍茄、 Atom施逾、 HBuilder敷矫、 IntelliJ、 IDEA曹仗、Dreamweaver
智能提示、高亮識別蠕搜、語法檢測、集成環(huán)境妓灌、開發(fā)效率高提示
八、VSCode
安裝插件：右側(cè)圖標(biāo)最后一項虫埂，Extension,查找需要的插件（聯(lián)網(wǎng)）
Chinese工具中文支持
Open in browser將html頁面在瀏覽器中打開
Atom個人比較喜歡的主題
Vxcode-icons文件圖標(biāo)的樣式
工具配置：Auto Save自動保存
Font Size修改代碼字體大小
Word Wrap代碼自動換行
Render Whitespace空格的渲染方式（個人推薦）
Tab Size代碼縮進(jìn)2或4個空格
