首選要掌握的就是程序邏輯基礎(chǔ)
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比立山網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式立山網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋立山地區(qū)。費用合理售后完善，10年實體公司更值得信賴。
如果你有程序邏輯的基礎(chǔ)(基本語法、變量定義，條件判斷，循環(huán))，學(xué)過C/C++。那這部分可以跳過。當(dāng)然你可以去網(wǎng)絡(luò)找一些簡單的語法題測試一下自己。
若第一次學(xué)習(xí)編程語言，就要先打下基本功了。
1、數(shù)據(jù)類型
2、變量定義、操作符
3、條件語句
4、循環(huán)語句
5、方法(方法參數(shù)，返回值)
Java的基礎(chǔ)
主要包括：
1、面向?qū)ο螅豪^承、封裝、多態(tài)
2、方法重載、重寫
3、接口、抽象類
3、Java類的學(xué)習(xí)
學(xué)習(xí)數(shù)據(jù)庫
掌握SQLServer , MySQL, 了解 Oracle。 基本SQL語句，復(fù)雜的聯(lián)合查詢，了解不同數(shù)據(jù)庫SQL語言的差別。四、頁面表現(xiàn)技術(shù)
主要為HTML，CSS和JavaScript，這些不展開敘述了。
學(xué)習(xí)JavaWeb一些知識
1、WEB容器(Tomcat , Weblogic ,JBOSS)
2、JSP/Servlet
最后，有個提醒，在學(xué)習(xí)java前，一定要測試下你自己到底適不適合學(xué)習(xí)Java！如果本身不適合卻因為覺得錢途好就盲目進(jìn)場，下場一定很痛苦，避免的方法就是自學(xué)一段時間看自己能否學(xué)得進(jìn)去，或者去Java實驗班這個專業(yè)的測試班去看看自己到底適不適合學(xué)習(xí)。像動 力 節(jié)點就有這樣的測試班，聽說明年還會在深圳開分校呢
header: 標(biāo)簽定義文檔的頁眉;
section:定義文檔中的節(jié);
footer:定義文檔或節(jié)的頁腳;
aside:定義其所處內(nèi)容之外的內(nèi)容;//可用作文章的側(cè)欄;
nav:定義導(dǎo)航鏈接的部分;//果文檔中有“前后”按鈕，則應(yīng)該把它放到 nav 元素中;
main:規(guī)定文檔的主要內(nèi)容;//在一個文檔中，不能出現(xiàn)一個以上的 main 元素。main 元素不能是以下元素的后代：article、aside、footer、header 或 nav;
article:規(guī)定獨立的自包含內(nèi)容;
figure:規(guī)定獨立的流內(nèi)容（圖像、圖表、照片、代碼等等）;//使用figcaption為figure定義標(biāo)題，置于 "figure" 元素的第一個或最后一個子元素的位置
HTML介紹分為3部分，第一部分是HTML簡介及歷史，第二部分是HTML元素，第三部分是實戰(zhàn)及學(xué)習(xí)筆記。
以下是第一部分：
參考資料：
w3.org, html 文檔
HTML，即Hypertext markup language是萬維網(wǎng)的核心標(biāo)記語言，最初HTML被設(shè)計作為一門語言，用于語言描述科學(xué)文檔，后續(xù)則被拓展用于描述一系列不同類型的文檔，甚至應(yīng)用。
1990-1995，迅速發(fā)展，從CERN到IETF(國際互聯(lián)網(wǎng)工作組)接管.
1995-1997, 隨著W3C建立，又變成由W3C主導(dǎo)，期間推出了HTML 3.2 和HTML 4.01
1998-2000，W3C停止HTML版本推進(jìn)，開始研究XHTML 1.0（XML-based HTML 4.01), 其沒有添加任何新特性，反而更加地長篇累牘，更嚴(yán)格的檢測標(biāo)準(zhǔn)等。后續(xù)發(fā)布了XHTML 2.0，其與XHTML 1.0，HTTP 4.01不兼容。
期間直到2003，HTML沒有版本的變化，但期間出現(xiàn)了 DOM Level 1 2，提高了客戶端的使用體驗以及功能拓展。
2003，XForms(定位于下一代Web form)發(fā)布，其證明了很多它所擁有的新特性能拓展到HTML 4.01，Mozilla及Opera借此于2004年向W3C提出了更新HTML版本的提議，但W3C選擇繼續(xù)發(fā)展XML-based作為替代HTML。
于是Mozilla, Opera聯(lián)合Apple組成新實體WHATWG，發(fā)展HTML 的Living document，對HTML繼續(xù)進(jìn)行拓展及新特性添加，直到后期W3C才轉(zhuǎn)回HTML標(biāo)準(zhǔn)的制定，多謝WHATWG，才有了我們今天基本采用的HTML 5。
W3C與WHATWG于2008年一起發(fā)布了第一份草案，2014年正式發(fā)布HTML 5。
*MDN Web Docs 簡介：Mozilla Developer Network的后續(xù)，致力于Web標(biāo)準(zhǔn)文檔的發(fā)展以及Web開發(fā)資料分享，包括HTML5, JavaScript, CSS, Web APIs, Node.js以及網(wǎng)絡(luò)擴展等
*HTML/XML/DOM等的語法上的一些區(qū)別：
namespaces不能用在HTML語法中，但可用作DOM及XHTML里；
noscript可被用在HTML里，但不能用在DOM,XHTML里，
--僅僅能用在DOM里。
*Text: in the context of content models, means either nothing, or Text nodes. Text is sometimes used as a content model on its own, but is also phrasing content, and can be inter-element white space
Text nodes and attribute values must consist of Unicode characters
*html end tag, head start tag, end tag, body start tag, end tag等在滿足一定條件情況下可以省略，更多可以省略的可以參考 這里 。
*塊級及內(nèi)聯(lián)元素
塊級元素會以可見的塊呈現(xiàn)在頁面上，其顯示會與其前后的content有一行的間距，常用于呈現(xiàn)結(jié)構(gòu)化的elements，如paragraph, list, nav, footer等，塊級元素不能被內(nèi)嵌在內(nèi)聯(lián)元素之中，塊通常只出現(xiàn)在body里。
內(nèi)聯(lián)元素是包含在塊里的，僅僅只包含一小部分內(nèi)容，常呈現(xiàn)在段落里，如a, em, strong等。其存在將不會導(dǎo)致新的一行的產(chǎn)生。
注意可以使用css display 屬性，設(shè)置inline為block。
*HTML parsing model
*audio, canvas, embed, iframe, 及MathTL, SVG里的元素為embeded元素
*元素是大小寫不敏感的
HTML5記錄
一、VS code引入插件后運行，終端執(zhí)行
二、引入外部js文件：
1、js的exports.a = a；方式暫時不知道怎么做
2、直接引入，script之后可以直接使用。參照html-vue項目
3、數(shù)據(jù)類型
String、Number、Boolean、Null、undefined、symbol、Object、Array、Function
三、 JS顯示數(shù)據(jù)方式：
window.alert()
document.write()
innerHTML=‘’
console.log()
四、 let、const、var
五、全局變量、局部變量注意點
如果變量在函數(shù)內(nèi)沒有聲明（沒有使用 var 關(guān)鍵字），該變量為全局變量。
六、事件：
onchange、onclick、onmouseover、onmouseout、onkeydown、onload…
html dom onclick之類的直接使用，vue是@click，小程序是bindTap
七、 this關(guān)鍵字：
1、在對象方法中， this 指向調(diào)用它所在方法的對象。
2、單獨使用 this，它指向全局(Global)對象。
3、函數(shù)使用中，this 指向函數(shù)的所屬者。
4、嚴(yán)格模式下函數(shù)是沒有綁定到 this 上，這時候 this 是 undefined。
5、在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素。
6、apply 和 call 允許切換函數(shù)執(zhí)行的上下文環(huán)境（context），即 this 綁定的對象，可以將 this 引用到任何對象。
八、 箭頭函數(shù)：
1、有的箭頭函數(shù)都沒有自己的 this 。 不適合定義一個 對象的方法。
2、當(dāng)我們使用箭頭函數(shù)的時候，箭頭函數(shù)會默認(rèn)幫我們綁定外層 this 的值，所以在箭頭函數(shù)中 this 的值和外層 的 this 是一樣的。
3、箭頭函數(shù)是不能提升的，所以需要在使用之前定義。
4、使用 const 比使用 var 更安全，因為函數(shù)表達(dá)式始終是一個常量。
九、閉包：
閉包是一種保護(hù)私有變量的機制，在函數(shù)執(zhí)行時形成私有的作用域，保護(hù)里面的私有變量不受外界干擾。
直觀的說就是形成一個不銷毀的棧環(huán)境。
閉包會持有父方法的局部變量和參數(shù)并且不會隨父方法銷毀而銷毀
不必要的閉包只會增加內(nèi)存消耗
十、 事件
body事件：onload、onunload
元素事件：onclick、onmouseover、onmouseout、onmousedown、onmouseup、onfocus
事件捕獲
document.getElementById(‘demo’).addEventListener(‘事件名’, 方法名, 是否捕獲傳遞)
方法名：如果是相應(yīng)事件，則只可寫方法名methodName，寫成methodName()則會自動執(zhí)行
如果方法需要傳遞參數(shù)，則只可以使用匿名函數(shù)， function( { methodName(p1, p2) } );
是否捕獲傳遞：默認(rèn)false，即冒泡傳遞
IE8和更早版本： x.attachEvent("onclick", myFunction) ;
十一、Window加載，頁面聲明周期入口
window.onload = function () { }
十二、數(shù)據(jù)存儲
localStorage不會被自動刪除，
sessionStorage 網(wǎng)頁關(guān)閉會自動刪除
cookie
sql
manifest文件
區(qū)別：
localStorage只要在相同的協(xié)議、相同的主機名、相同的端口下，就能讀取/修改到同一份localStorage數(shù)據(jù)。
sessionStorage比localStorage更嚴(yán)苛一點，除了協(xié)議、主機名、端口外，還要求在同一窗口（也就是瀏覽器的標(biāo)簽頁）下。
十三、 CSS聲明權(quán)重（選擇器）
內(nèi)聯(lián)ID偽類屬性類元素/類型通用
!important會改變優(yōu)先級
十四、 元素隱藏/顯示
1、dispatch：none 隱藏 不占用空間
2、visibility：hidden 隱藏，仍然占用空間
3、v-if 存在/不存在
4、v-show 只生成一次，占用內(nèi)存
十五、 Position
static 默認(rèn)方式，沒有定位
fixed 相對于瀏覽器窗口固定定位，不占用文檔流，其他元素會相對位移
absolute 相對于最近的已定位父元素定位，不占用文檔流，其他元素會相對位移
relative 相對于自身的定位
sticky 粘滯定位，基于用戶的滾動位置定位
十六、 float
1、只能左右浮動
2、左右浮動，直到外邊緣碰到另一個浮動元素
3、浮動之后的元素將圍繞它
4、浮動之前的元素不受影響
5、如果是圖像浮動，下面的文本流將環(huán)繞它
6、clear聲明的元素， 屬性指定元素兩側(cè)不能出現(xiàn)浮動元素。
推薦使用flex布局
十七、 文字顯示…
單行
任意行
十八、 box-shadow順序
十九、 flex布局
容器屬性：
屬性 / 說明可選值
f方向： lex-direction
換行：flex-wrap
簡寫：flex-flow
主軸上的對齊方式：justify-content
交叉軸上如何對齊：align-items
多根軸線的對齊方式：align-content。
如果項目只有一根軸線，該屬性不起作用
項目item屬性:
order：排列順序，越小越靠前
flex-grow：放大比例，2比1占用的空間大一倍
flex-shrink：縮小比例，默認(rèn)1，當(dāng)空間不足時等比例縮小。如果一個項目的屬性為0，其他項目都為1，則空間 不足時，前者不縮小
flex-basis：定義了在分配多余空間之前，項目占據(jù)的主軸空間
flex ：簡寫
align-self：允許單個項目與其他項目不一樣的對齊方式，可覆蓋align-items屬性。默認(rèn)值為auto，表示繼承父元素的align-items屬性，如果沒有父元素，則等同于stretch
沒怎么聽說過，如果要了解的話建議實地去考察下，從以下幾個方面考慮：
1、是否正規(guī)，要選就選擇大公司，不要選擇幾個人臨時拼湊的小機構(gòu)，沒有保障。
2、從業(yè)時間，這一點說明了是否專業(yè)性。
3、經(jīng)濟(jì)實力，這一點是保障。
4、授課環(huán)境，這一點直接影響學(xué)習(xí)效果。
5、是否有專業(yè)的師資團(tuán)隊和研發(fā)團(tuán)隊。
從這些方面入手，基礎(chǔ)上就可以得出結(jié)論了~
一 零基礎(chǔ)小白應(yīng)該怎么學(xué)習(xí)前端才能少走彎路？
關(guān)于前端這一塊的學(xué)習(xí)，我不主張自學(xué)，因為前端的知識體系是很龐大的，如果你自學(xué)，遇到一些問題，你自己很難解決，至少需要有專業(yè)的前端人士指導(dǎo)你，站在高手的肩膀上，才能看的更高更遠(yuǎn)，當(dāng)然很多小伙伴會說，我也知道學(xué)習(xí)前端有高手指點挺好啊，可是我怎么知道去哪里找高手，高手又為什么愿意指導(dǎo)我呢？
這個問題問的好，其實現(xiàn)在是互聯(lián)網(wǎng)時代，網(wǎng)上有很多的相關(guān)視頻和直播課，我平時就經(jīng)常去上網(wǎng)聽一些前端高手講課。作為想從事前端這個行業(yè)的小伙伴，一定要有一個平常心，只要能學(xué)到知識，去學(xué)就是了，不要磨磨唧唧的的做什么事情，否則什么也做不好。
二 學(xué)習(xí)前端，你需要具備哪些素質(zhì)？
（1）如果web的任何一個元素（web界面，靈活的編程風(fēng)格等）有一點吸引了你，讓你著實著迷，恭喜你，有了一個完美的開始。確認(rèn)一下自己是否喜歡和合適前端，而不是為了一份看起來體面而且薪水不菲的工作。
（2）不斷學(xué)習(xí)，每日的積累，關(guān)注前端動態(tài)，是你跟上前端潮流的主要途徑。前端的體系過于龐大，技術(shù)框架爭涌而出，如果你經(jīng)常抱怨累死碼農(nóng)的節(jié)奏，那就審視一下自己對前端的態(tài)度。
（3）主抓基礎(chǔ)，避免盲目。前端領(lǐng)域知識點很多，值得學(xué)的東西也很多，聰明的人懂得花時間學(xué)習(xí)成體系的知識并且研究得足夠深入，而不是盲目的看到別人用什么框架就去學(xué)什么。只停留在實踐運用的階段，到頭來框架們都一個一個被淘汰，你仍在原地踏步。
（4）整理總結(jié)，先模仿后創(chuàng)造。將每日的積累做好規(guī)整，記錄到博客也好，筆記也好。多看看牛人的源代碼，等你達(dá)到了一定的層次水準(zhǔn)，自然會得心應(yīng)手。
（5）持有一顆造福前端社區(qū)的心。寫一些有意思的小工具、插件，推廣出去， 始終堅信，在從事前端的道路上You are not alone。
（6）要有專業(yè)人士的指導(dǎo)，尤其是學(xué)習(xí)前端找工作的，不要妄想自己一個人自學(xué)前端能找到工作，現(xiàn)在非常難，如果沒有一個明白人幫你解決一下問題，會有非常多的彎路，中間很容易放棄，學(xué)習(xí)的不專業(yè)不說，最重要是浪費時間。
（7）一個好的心態(tài)和一個堅持的心很重要，很多沖著高薪的人想學(xué)習(xí)前端，但是能學(xué)到最后的沒有幾個，遇到困難就放棄了，這種人到處都是，就是因為有的東西難，所以他的回報才很大，我們評判一個前端開發(fā)者是什么水平，就是他解決問題的能力有多強。
三 web前端開發(fā)需要學(xué)習(xí)什么?
第1階段：前端頁面重構(gòu)(4周)
內(nèi)容包含了：(PC端網(wǎng)站布局項目、HTML5+CSS3基礎(chǔ)項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設(shè)計(5周)
內(nèi)容包含：(原生JavaScript交互功能開發(fā)項目、面向?qū)ο筮M(jìn)階與ES5/ES6應(yīng)用項目、JavaScript工具庫自主研發(fā)項目)
第3階段：PC端全棧項目開發(fā)(3周)
內(nèi)容包含：(jQuery經(jīng)典交互特效開發(fā)、HTTP協(xié)議、Ajax進(jìn)階與PHP/JAVA開發(fā)項目、前端工程化與模塊化應(yīng)用項目、PC端網(wǎng)站開發(fā)項目、PC端管理信息系統(tǒng)前端開發(fā)項目)
第4階段：移動端項目開發(fā)(6周)
內(nèi)容包含：(Touch端項目、微信場景項目、應(yīng)用Angular+Ionic開發(fā)WebApp項目、應(yīng)用Vue.js開發(fā)WebApp項目、應(yīng)用React.js開發(fā)WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(fā)(1周)
內(nèi)容包含：(微信小程序開發(fā)、ReactNative、各類混合應(yīng)用開發(fā))
第6階段：NodeJS全棧開發(fā)(1周)
內(nèi)容包括：(WebApp后端系統(tǒng)開發(fā)、一、NodeJS基礎(chǔ)與NodeJS核心模塊二、Express三、noSQL數(shù)據(jù)庫)
以上學(xué)習(xí)內(nèi)容相關(guān)配套的視頻教程請移至B站尚學(xué)堂官方，更多好看教程等你來看！
重慶分公司
重慶分公司
