ython文檔資源包括下面幾種:
序號(hào) | 形式 | 描述 |
1 | #注釋 | 程序語(yǔ)句對(duì)應(yīng)的注釋 |
2 | dir() | 查看對(duì)象全部屬性 |
3 | doc | 文檔字符串 |
4 | help() | 查看對(duì)象具體屬性用法 |
5 | HTML報(bào)表 | html格式幫助文檔 |
6 | 標(biāo)準(zhǔn)手冊(cè) | python語(yǔ)言和庫(kù)的說明 |
7 | 網(wǎng)站資源 | 在線教程、技術(shù)博客 |
8 | 書籍資源 | 相關(guān)書籍 |
python井號(hào)(#)用于程序語(yǔ)句對(duì)應(yīng)的注釋。
#號(hào)后面直到行末的內(nèi)容都會(huì)當(dāng)做注釋,不被執(zhí)行。
python通過#注釋的內(nèi)容只能在程序原文件查看。
python的dir(對(duì)象)內(nèi)置函數(shù),返回對(duì)象全部屬性組成的列表。
示例
# 通過常量表達(dá)式生成實(shí)例后查看
>>> dir('')
['__add__', '__class__', '__contains__', '__delattr__', '__dir__', '__doc__', '__eq__', '__format__', '__ge__', '__getattribute__', '__getitem__', '__getnewargs__', '__gt__', '__hash__', '__init__', '__init_subclass__', '__iter__', '__le__', '__len__', '__lt__', '__mod__', '__mul__', '__ne__', '__new__', '__reduce__', '__reduce_ex__', '__repr__', '__rmod__', '__rmul__', '__setattr__', '__sizeof__', '__str__', '__subclasshook__', 'capitalize', 'casefold', 'center', 'count', 'encode', 'endswith', 'expandtabs', 'find', 'format', 'format_map', 'index', 'isalnum', 'isalpha', 'isascii', 'isdecimal', 'isdigit', 'isidentifier', 'islower', 'isnumeric', 'isprintable', 'isspace', 'istitle', 'isupper', 'join', 'ljust', 'lower', 'lstrip', 'maketrans', 'partition', 'replace', 'rfind', 'rindex', 'rjust', 'rpartition', 'rsplit', 'rstrip', 'split', 'splitlines', 'startswith', 'strip', 'swapcase', 'title', 'translate', 'upper', 'zfill']
# 通過類型名生成實(shí)例后查看
>>> dir(str)
['__add__', '__class__', '__contains__', '__delattr__', '__dir__', '__doc__', '__eq__', '__format__', '__ge__', '__getattribute__', '__getitem__', '__getnewargs__', '__gt__', '__hash__', '__init__', '__init_subclass__', '__iter__', '__le__', '__len__', '__lt__', '__mod__', '__mul__', '__ne__', '__new__', '__reduce__', '__reduce_ex__', '__repr__', '__rmod__', '__rmul__', '__setattr__', '__sizeof__', '__str__', '__subclasshook__', 'capitalize', 'casefold', 'center', 'count', 'encode', 'endswith', 'expandtabs', 'find', 'format', 'format_map', 'index', 'isalnum', 'isalpha', 'isascii', 'isdecimal', 'isdigit', 'isidentifier', 'islower', 'isnumeric', 'isprintable', 'isspace', 'istitle', 'isupper', 'join', 'ljust', 'lower', 'lstrip', 'maketrans', 'partition', 'replace', 'rfind', 'rindex', 'rjust', 'rpartition', 'rsplit', 'rstrip', 'split', 'splitlines', 'startswith', 'strip', 'swapcase', 'title', 'translate', 'upper', 'zfill']
>>> dir('')==dir(str)
python文檔字符串doc,值為模塊文件開頭、函數(shù)開頭、類開頭、方法開頭的注釋,python會(huì)自動(dòng)封裝這些注釋,并且保存在doc。這些注釋寫在三引號(hào)內(nèi)。
文檔字符串可以通過不同位置路徑對(duì)象的doc獲取。
不同路徑對(duì)象屬性名(函數(shù)名、類名、方法名)可以通過dir(模塊)獲取。
模塊:模塊名.doc
函數(shù):模塊名.函數(shù)名.doc
類:模塊名.類名.doc
方法名:模塊名.類名.方法名.doc
示例
'''
模塊文件名:docstr.py
模塊開頭的文檔字符串
'''
S='梯閱線條'
def hellof(name):
'''
函數(shù)開頭的文檔字符串
'''
print('hello ',name)
class Student:
'''
類開頭處的文檔字符串
'''
def study(self):
'''
方法開頭的文檔字符串
'''
pass
# 查看不同對(duì)象的__doc__文檔字符串
>>> path=r'E:\documents\F盤'
>>> import os
>>> os.chdir(path)
>>> import docstr
>>> dir(docstr)
['L', 'S', 'Student', '__builtins__', '__cached__', '__doc__', '__file__', '__loader__', '__name__', '__package__', '__spec__', 'hellof']
>>> print(docstr.__doc__)
模塊文件名:docstr.py
模塊開頭的文檔字符串
>>> print(docstr.hellof.__doc__)
函數(shù)開頭的文檔字符串
>>> print(docstr.Student.__doc__)
類開頭處的文檔字符串
>>> print(docstr.Student.study.__doc__)
方法開頭的文檔字符串
python的help()內(nèi)置函數(shù)查看傳入對(duì)象的使用說明,傳入對(duì)象可以是模塊名、函數(shù)名、類名、方法名、變量引用。
示例
>>> path=r'E:\documents\F盤'
>>> import os
>>> os.chdir(path)
>>> import docstr
>>> help(docstr)
Help on module docstr:
NAME
docstr
DESCRIPTION
模塊文件名:docstr.py
模塊開頭的文檔字符串
CLASSES
builtins.object
Student
class Student(builtins.object)
| 類開頭處的文檔字符串
|
| Methods defined here:
|
| study(self)
| 方法開頭的文檔字符串
|
| ----------------------------------------------------------------------
| Data descriptors defined here:
|
| __dict__
| dictionary for instance variables (if defined)
|
| __weakref__
| list of weak references to the object (if defined)
FUNCTIONS
hellof(name)
函數(shù)開頭的文檔字符串
DATA
L=['梯', '閱', '線', '條']
S='梯閱線條'
FILE
e:\documents\f盤\docstr.py
>>> help(docstr.hellof)
Help on function hellof in module docstr:
hellof(name)
函數(shù)開頭的文檔字符串
用法
python -m pydoc -w docstr
描述
進(jìn)入到docstr.py文件的目錄,執(zhí)行用法里面的語(yǔ)句。
執(zhí)行pydoc模塊,將docstr的文檔字符串寫入到docstr.html文件,成為幫助文檔。
-m:表示運(yùn)行模塊(module),后面接模塊名
-w:后接要生成html文檔的模塊名,表示將模塊的文檔字符串寫入到模塊名.html文件中。
示例
E:\documents\F盤>python -m pydoc -w docstr
wrote docstr.html
會(huì)生成類似下面的html文件內(nèi)容:
python安裝目錄的doc目錄下python378.chm。
更多內(nèi)容參考python知識(shí)分享或軟件測(cè)試開發(fā)目錄。
日,我的一位同事向我尋求建議,她打算為自己構(gòu)建一個(gè)博客。于是,我對(duì)靜態(tài)網(wǎng)站生成器和博客引擎進(jìn)行了一番研究,發(fā)現(xiàn) Hugo 是一個(gè)很不錯(cuò)的選擇。但是,我的同事還有一些特殊要求,比如,她想要一個(gè)自定義的博客網(wǎng)址和 CSS 主題。盡管這些 Hugo 都可以實(shí)現(xiàn),但我并不打算花時(shí)間來學(xué)習(xí)它。我想自己創(chuàng)建一個(gè)簡(jiǎn)單的靜態(tài)網(wǎng)站生成器,以便我的同事在她已經(jīng)準(zhǔn)備好的 HTML 中編寫博客文章。
這個(gè)靜態(tài)網(wǎng)站生成器的代碼大約 100 行,非常簡(jiǎn)潔。它提供了詳細(xì)代碼和示例博客 。眾所周知,GitLab 提供靜態(tài)頁(yè)面的免費(fèi)托管服務(wù),還帶有 CI/CD 功能,它允許你在部署之前編譯頁(yè)面。
以下教程將帶你使用 Node.js 設(shè)置自己的靜態(tài)網(wǎng)站生成器,Node.js 的版本需要 “>=8.11.x”。
npm init npm i --save-exact bluebird chokidar fs-extra mustache mkdir src mkdir public
首先,設(shè)置項(xiàng)目:
開始之前,我們需要弄清楚一個(gè)問題:為什么需要靜態(tài)網(wǎng)站生成器?因?yàn)槟承┣闆r并不需要靜態(tài)網(wǎng)站生成器。假如你的博客訪問量很小,你只需簡(jiǎn)單地手工創(chuàng)建 HTML 頁(yè)面并發(fā)布它們即可。實(shí)際上,在服務(wù)器編程興起之前,在很長(zhǎng)時(shí)間內(nèi)這就是大多數(shù) Web 的發(fā)布方式。但是,一旦頁(yè)面和內(nèi)容增加,對(duì)這些頁(yè)面中的通用部分(例如頁(yè)面底部)進(jìn)行更改將會(huì)變得非常重復(fù)和乏味。因此,我們開始尋找一種更加理想的方法,嘗試使用某種簡(jiǎn)單的模板引擎來分離常見內(nèi)容,然后在特定的地方插入所需的內(nèi)容。
開始研究模板引擎之前,先設(shè)置我們的網(wǎng)站。我們需要在項(xiàng)目根目錄下創(chuàng)建 2 個(gè)文件夾 :
我們的目標(biāo)是將 src 目錄的內(nèi)容復(fù)制到 public 目錄中。在項(xiàng)目根目錄下創(chuàng)建 index.js 文件,其內(nèi)容如下:
const Promise=require("bluebird"); const fse=require("fs-extra"); Promise.resolve().then(async ()=> { await main(); }); const main=async()=> { await generateSite(); }; const generateSite=async()=> { await copyAssets(); }; const copyAssets=async()=> { await fse.emptyDir("public"); await fse.copy("src", "public"); };
執(zhí)行命令 node index.js,即可啟動(dòng)該腳本。
祝賀你!此刻,你已榮升為一名后端開發(fā)人員。
接下來,我們將添加文件監(jiān)視器,src 文件夾中的內(nèi)容一旦發(fā)生更改就將重新生成網(wǎng)站。該博客總共包含 500-1000 個(gè)文件,我們可以在任何變化發(fā)生時(shí)重新生成整個(gè)網(wǎng)站:
const chokidar=require("chokidar"); const main=async()=> { await generateSite(); watchFiles(); }; const watchFiles=()=> { const watcher=chokidar.watch( [ "src" ], { ignored: /(^|[/\])../, // chokidar will watch folders recursively ignoreInitial: false, persistent: true } ); watcher.on("change", async path=> { console.log("changed " + path + ", recompiling"); await generateSite(); }); // catch ctrl+c event and exit normally process.on("SIGINT", function() { watcher.close(); }); };
上面的代碼清楚地說明了為什么初始版本有一個(gè)名為 generateSite 的函數(shù)。現(xiàn)在執(zhí)行命令 node index.js 啟動(dòng)我們的靜態(tài)網(wǎng)站生成器,如果在 src 目錄中編輯任何文件,public 都會(huì)發(fā)生變化。此時(shí),我們還將添加一個(gè)環(huán)境變量來區(qū)分開發(fā)和生產(chǎn)模式。在開發(fā)模式中,我們將關(guān)注更改情況并重新生成網(wǎng)站,而在生產(chǎn)模式中,我們只需重新生成:
const env=process.env.NODE_ENV || "dev"; const main=async ()=> { console.log("Running app in " + env); await generateSite(); if (env==="dev") { watchFiles(); } };
我們可以執(zhí)行命令 export NODE_ENV=prod || set NODE_ENV=prod && node index.js 來運(yùn)行以上代碼。請(qǐng)注意,觀察源目錄的更改和重新編譯并不是每次都必須的,你可以跳過此步驟,只需在每次進(jìn)行更改時(shí)運(yùn)行腳本即可。
至此,差不多完成了!現(xiàn)在來說說模板。我們將使用 Mustache.js 模板,它非常簡(jiǎn)單易用,并且我們的需求并不復(fù)雜。創(chuàng)建一個(gè)文件夾 src/partials,用來存放網(wǎng)站的公共部分。然后稍微修改我們的網(wǎng)站結(jié)構(gòu),保證所有頁(yè)面都存放在 src/pages 目錄中。接下來加載頁(yè)面并使用 Mustache 渲染:
const fs=require("fs"); const generateSite=async ()=> { await copyAssets(); await buildContent(); }; const buildContent=async ()=> { const pages=await compilePages(); await writePages(pages); }; const compilePages=async ()=> { const partials=await loadPartials(); const result={}; const pagesDir=path.join("src", "pages"); const fileNames=await fs.readdirAsync(pagesDir); for (const fileName of fileNames) { const name=path.parse(fileName).name; const fileContent=await fs.readFileAsync(path.join(pagesDir, fileName)); result[name]=Mustache.render(fileContent.toString(), {}, partials); } return result; }; const loadPartials=async ()=> { const result={}; const partialsDir=path.join("src", "partials"); const fileNames=await fs.readdirAsync(partialsDir); for (const fileName of fileNames) { const name=path.parse(fileName).name; const content=await fs.readFileAsync(path.join(partialsDir, fileName)); result[name]=content.toString(); } return result; }; const writePages=async pages=> { for (const page of Object.keys(pages)) { await fs.writeFileAsync(path.join("public", page + ".html"), pages[page]); } };
想要了解最終版本,請(qǐng)查看 Software Dawg 項(xiàng)目(https://gitlab.com/wheresvic/software-dawg)。它與本教程有一些細(xì)微差別:
此外,你還可以安裝 browser-sync 軟件包,然后通過命令 npm run live-reload 運(yùn)行它,如此一來,只要有任何更改發(fā)生瀏覽器就會(huì)自動(dòng)刷新。請(qǐng)注意,由于任何更改都將重新生成整個(gè)網(wǎng)站,因此并不適用于 Windows。
GitLab 提供靜態(tài)網(wǎng)站免費(fèi)托管,只需一個(gè) .gitlab-ci.yml 配置文件即可。真正令人難以置信之處在于,你可以自定義構(gòu)建過程,這意味著在該例中,我們可以在部署之前生成網(wǎng)站!有關(guān)此功能的詳細(xì)信息,請(qǐng)參見https://about.gitlab.com/features/pages/。
本教程到此結(jié)束,我的同事對(duì)此非常滿意,該方案非常靈活,它允許她根據(jù)自己的喜好進(jìn)行自定義,也希望對(duì)你有所助益!
原文:https://smalldata.tech/blog/2018/08/16/building-a-simple-static-site-generator-using-node-js
作者簡(jiǎn)介:Victor Parmar,是一位全棧工程師,熱愛旅行,熱愛 DIY。
譯者:安翔,責(zé)編:屠敏
一階段:WEB網(wǎng)頁(yè)基礎(chǔ)
1 HTML5+CSS3基礎(chǔ)入門
課程內(nèi)容
熟悉HTML5入門基本內(nèi)容(代碼文件、基本結(jié)構(gòu)、注釋、編程問題規(guī)范、基本標(biāo)簽等);掌握CSS3的基礎(chǔ)入門知識(shí);
項(xiàng)目實(shí)戰(zhàn)
京東登錄注冊(cè)案例(HTML+CSS) 登錄界面指的是需要提供帳號(hào)密碼驗(yàn)證的界面,有 控制用戶權(quán)限、記錄用戶行為,保護(hù)操作安全的作 用。登錄界面是所有在線系統(tǒng)的入口。
2 HTML5+CSS3進(jìn)階
課程內(nèi)容
掌握繼承與優(yōu)先級(jí);選擇器、盒子模型、布局樣式等使用方法;能夠 進(jìn)行合理的網(wǎng)頁(yè)布局。
項(xiàng)目實(shí)戰(zhàn)
個(gè)人博客(HTML5+CSS3) 個(gè)人博客是學(xué)員涉足前端領(lǐng)域的第一個(gè)項(xiàng)目,運(yùn)用 前端基礎(chǔ)知識(shí),培養(yǎng)項(xiàng)目思維,在入學(xué)2周內(nèi)搭建 屬于自己的個(gè)人信息分享平臺(tái)。
3 Photoshop
課程內(nèi)容
采用商業(yè)案例來學(xué)習(xí)Photoshop使用,掌握Photoshop基本操作;能 夠獨(dú)立的進(jìn)行網(wǎng)頁(yè)切圖。
項(xiàng)目實(shí)戰(zhàn)
企業(yè)網(wǎng)站
(HTML5+CSS3+Photoshop+PxCook) 企業(yè)網(wǎng)站作為一家公司的互聯(lián)網(wǎng)名片,是每家企業(yè)必備。強(qiáng)化學(xué)員對(duì)HTML+CSS+PS(切圖)、各種布局等初期所學(xué)全部知識(shí)的綜合應(yīng)用,由于是第一個(gè)企業(yè)級(jí)項(xiàng)目,著重熟悉項(xiàng)目開發(fā)流程和培養(yǎng)使用HTML+CSS遇到問題時(shí)的分析和調(diào)試能力。
第二階段:WEB編程基礎(chǔ)
1 JavaScript基礎(chǔ)
課程內(nèi)容
了解最前沿JavaScript知識(shí)。掌握J(rèn)S基礎(chǔ)基本語(yǔ)法和基本語(yǔ)句以及ES6&ES7新特性,培養(yǎng)編程邏輯思維,實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)交互。
2 BOM+DOM編程
課程內(nèi)容
認(rèn)識(shí)和了解BOM和DOM模型; 掌握window、 location、 history、 navigator、document、 Form、Table等對(duì)象的使用;掌握事件處 理和DOM節(jié)點(diǎn)。理解BOM和DOM模型:掌握各瀏覽器API的使用、熟練操作元素節(jié)點(diǎn)理解網(wǎng)站事件類型與機(jī)制
項(xiàng)目實(shí)戰(zhàn)
案例實(shí)踐-H5音樂播放器、H5小游戲 (HTML5+CSS3+Javascript) 通過游戲應(yīng)用開發(fā),培養(yǎng)學(xué)員開發(fā)興趣和參與感, 強(qiáng)化Javascript基礎(chǔ)、DOM操作和事件機(jī)制在實(shí)際 場(chǎng)景的應(yīng)用。
3 JavaScript交互及動(dòng)畫效果
課程內(nèi)容
掌握運(yùn)動(dòng)框架的封裝(勻速運(yùn)動(dòng) 緩沖運(yùn)動(dòng) 多物體運(yùn)動(dòng)) 分享到案例 右側(cè)邊欄滾動(dòng)案例 透明度運(yùn)動(dòng) 輪播效果案例
項(xiàng)目實(shí)戰(zhàn)
企業(yè)網(wǎng)站交互進(jìn)階(HTML5+CSS3+JavaScript) 掌握動(dòng)畫原理,利用原生JS技術(shù)編寫動(dòng)畫交互效果 實(shí)現(xiàn)企業(yè)站的輪播,選項(xiàng)卡,樓層跳轉(zhuǎn)等常規(guī)功能
4 jQuery+交互及動(dòng)畫 +jQuery優(yōu)質(zhì)插件
課程內(nèi)容
認(rèn)識(shí)jQuery;熟悉選擇器;屬性與樣式; jQuery基本DOM操作;事件處理;文檔處理;數(shù)組和對(duì)象操作。學(xué)會(huì)使用jQuery和JavaScript 和DOM編程的動(dòng)畫效果制作。 掌握jQuery生態(tài)圈的流行框架使用; 培養(yǎng)學(xué)員利用前端工具解決開發(fā)過程中問題的能力。
項(xiàng)目實(shí)戰(zhàn)
案例實(shí)踐-樓層跳動(dòng)&輪播&表單驗(yàn)證(HTML5+ CSS3+jQuery)jQuery的流行得益于他龐大的插件 生態(tài)圈,掌握jQuery插件的使用,將是前端開發(fā)者 網(wǎng)站開發(fā)的利器。
5 版本控制工具SVN&GIT
課程內(nèi)容
掌握SVN/GIT版本控制工具來維護(hù)項(xiàng)目的整個(gè)藍(lán)圖;熟練使用github 來管理云端代碼倉(cāng)庫(kù),快速項(xiàng)目組成員多人協(xié)作。
6 jQuery EasyUI
課程內(nèi)容
熟悉jQueryEasyUI框架環(huán)境搭建, 掌握EasyUI常用插件, 使用Easy UI快速搭建后臺(tái)
項(xiàng)目實(shí)戰(zhàn)
電子購(gòu)物網(wǎng)站(HTML5+CSS3+jQuery +EasyUI)通過本階段的學(xué)習(xí),具備常見動(dòng)畫需求 的開發(fā)能力常用插件的使用及開發(fā);逐步培養(yǎng)良好 的編程習(xí)慣強(qiáng)化企業(yè)項(xiàng)目開發(fā)流程,培養(yǎng)團(tuán)隊(duì)協(xié)作能力。
第三階段:響應(yīng)式網(wǎng)站與項(xiàng)目自動(dòng)化開發(fā)
1 HTML5、CSS3高級(jí)進(jìn)階
課程內(nèi)容
掌握HTML5時(shí)代多媒體、Web存儲(chǔ)技術(shù)及基于瀏覽器的(LBS)地理定位技術(shù),熟悉基于高德地圖、百度地圖等地圖API的應(yīng)用開發(fā);介 紹了H5圖形技術(shù)SVG和Canvas;能夠動(dòng)手編寫圖形報(bào)表和使用百度 echarts地圖API的能力。掌握CSS3新選擇器, 響應(yīng)式原理及CSS3媒體查詢,移動(dòng)端流行的伸縮布局,Web字體、漸變、過渡動(dòng)畫等技 術(shù)使用動(dòng)畫庫(kù)實(shí)現(xiàn)基于網(wǎng)頁(yè)的酷炫動(dòng)畫效果。
項(xiàng)目實(shí)戰(zhàn)
H5動(dòng)效簡(jiǎn)歷/H5原生移動(dòng)商城(HTM L5+CSS3+Swiper+動(dòng)畫框架)H5動(dòng)效簡(jiǎn)歷是每 一
個(gè)H5er的個(gè)性化名片,H5原生移動(dòng)商城和適配 調(diào)試是面向前端是時(shí)代的必須技術(shù)。
2 Bootstrap4
課程內(nèi)容
掌握來自Twitter工程師開發(fā)的目前流行度很高的前端響應(yīng)式框架, 包括內(nèi)置樣式、組件和JavaScript插件;掌握基于Bootstrap 打造的電影主題頁(yè)設(shè)計(jì)。
項(xiàng)目實(shí)戰(zhàn)
電影主題頁(yè)設(shè)計(jì) (HTML5+CSS3+Bootstrap) 快速打造能夠適應(yīng)多端的信息展示網(wǎng)站
3 前端依賴管理+CSS預(yù)處理 語(yǔ)言(Less+Sass)
課程內(nèi)容
熟練使用bower來管理前端庫(kù),達(dá)到一個(gè)命令搞定所有項(xiàng)目依賴。
掌握基于CSS的預(yù)處理框架Less/Sass,以最簡(jiǎn)單的代碼實(shí)現(xiàn)復(fù)雜 樣式;目前主流的前端框架都是基于css預(yù)處理語(yǔ)言搭建,學(xué)會(huì)后 具備Bootstrap等框架的閱讀和使用能力。
項(xiàng)目實(shí)戰(zhàn)
響應(yīng)式股票交易平臺(tái)(Bootstrap4+Sa ss+PHP+Mysql+GIT)通過本階段學(xué)習(xí),通過Boot
strap等框架具備響應(yīng)式開發(fā)能力;并使用多種版本 控制工具,進(jìn)行企業(yè)項(xiàng)目的迭代;同時(shí)使用預(yù)處理 框架完成樣式重用和擴(kuò)展。具備高效快速開發(fā)企業(yè) 項(xiàng)目的能力。
4 Grunt/Gulp自動(dòng)化構(gòu)建工具
課程內(nèi)容
了解前端自動(dòng)化構(gòu)建工具的原理;掌握基于Node平臺(tái)的Grunt和Gulp 兩大自動(dòng)化構(gòu)建工具。
5 Mysql
課程內(nèi)容
了解Mysql背景,快速搭建Mysql環(huán)境,熟悉Sql基礎(chǔ)語(yǔ)法,實(shí)現(xiàn)對(duì)數(shù)據(jù) 的CRUD操作
項(xiàng)目實(shí)戰(zhàn)
響應(yīng)式股票交易平臺(tái)(Bootstrap4+Sa ss+PHP+Mysql+GIT)通過本階段學(xué)習(xí),通過Boot
strap等框架具備響應(yīng)式開發(fā)能力;并使用多種版本 控制工具,進(jìn)行企業(yè)項(xiàng)目的迭代;同時(shí)使用預(yù)處理 框架完成樣式重用和擴(kuò)展。具備高效快速開發(fā)企業(yè)項(xiàng)目的能力
第四階段:Web高級(jí)編程與框架原理
1 JavaScript高級(jí)編程
課程內(nèi)容
掌握jJavaScript面向?qū)ο笏枷耄辉驮O(shè)計(jì)原理及使用。了解 JavaScript程序的編譯原理;掌握遞歸、惰性載入、匿名、閉包及 回調(diào)等高級(jí)函數(shù)的使用。掌握ES6前沿新特性。
2 jQuery插件開發(fā)
課程內(nèi)容
學(xué)習(xí)插件開發(fā)模式,并自己動(dòng)手實(shí)現(xiàn)動(dòng)態(tài)表格查詢和表單驗(yàn)證等插件。
案例實(shí)踐
原生表單驗(yàn)證插件(HTML5+CSS3+ ES6)能夠通過面向?qū)ο笏枷腴_發(fā)jQuery插件,學(xué)
習(xí)實(shí)踐JS設(shè)計(jì)模式,具備初級(jí)JS框架的編寫能力。
3 NodeJS
課程內(nèi)容
掌握Node服務(wù)端編程技術(shù),Expres搭建服務(wù)器,基于Express框架編寫 后端代碼,實(shí)現(xiàn)前端和后端全棧開發(fā)
4 WebSocket
課程內(nèi)容
掌握掌握HTTP協(xié)議、客戶端數(shù)據(jù)傳輸方式,掌握WebSocket 在 HTML5 領(lǐng)域的應(yīng)用場(chǎng)景,用于實(shí)現(xiàn)客戶端和服務(wù)器的長(zhǎng)鏈接。
案例實(shí)戰(zhàn)
在線聊天室 (HTML5+CSS3+JS+WebSocket) 快速打造能夠多人在線聊天的聊天室案例。
5 MVVM架構(gòu)源碼解析
課程內(nèi)容
掌握MVC、MVP和MVVM架構(gòu)的演變歷史,掌握分層開發(fā)的思想,了 解雙向綁定原理,實(shí)現(xiàn)基于面向?qū)ο蠓绞綄?shí)現(xiàn)一個(gè)基于MVVM架構(gòu)的 minVue框架。
案例實(shí)踐
miniVue框架(面向?qū)ο缶幊蹋?動(dòng)手打造第一款屬于自己的前端主流框架。
第五階段:VUE全家桶與多端項(xiàng)目管理
1 VUE2-VUE3
課程內(nèi)容
掌握Vue2框架的環(huán)境搭建,指令,表達(dá)式,計(jì)算屬性、偵聽器、生命 周期和組件開發(fā),掌握主流的VUE2組件高階、消息通訊,熟悉Vant、 iView、MintUI移動(dòng)端框架,使用Vue-cli來搭建工程和開發(fā)Vue項(xiàng)目。
2 ElementUI+ Koa2(Node.js)+Mysql
課程內(nèi)容
熟練使用基于Vue2的餓了么前端視圖框架ElementUI,高效打造大型 復(fù)雜的用戶界面。Koa是Express 原班人馬打造 更小、更健壯、更富 有表現(xiàn)力Node框架,使用Koa2打開更前沿的后臺(tái)開發(fā)模式,使用甲 骨文公司的Mysql關(guān)系數(shù)據(jù)庫(kù)來管理更為大型并發(fā)的數(shù)據(jù)。
項(xiàng)目實(shí)戰(zhàn)
大型超市管理系統(tǒng)、外賣后臺(tái)管理系統(tǒng) (ElementUI+Koa2+Mysql+GIT) 通過最熱門的Node+Koa2+Mysql開發(fā)模式獨(dú)立完成網(wǎng)站開發(fā) 通過NPM生態(tài)圈通過分享和實(shí)踐編碼進(jìn)行自我提升 成為一名真正的全棧工程師。
3 TypeScript
課程內(nèi)容
TypeScript是一種由微軟開發(fā)的自由和開源的編程語(yǔ)言。它是 JavaScript的一個(gè)超集,而且本質(zhì)上向這個(gè)語(yǔ)言添加了可選的靜態(tài) 類型和基于類的面向?qū)ο缶幊?/span>
4 webpack模塊加載器 &打包工具
課程內(nèi)容
掌握最前沿模塊化打包工具,形成組件化開發(fā)思想,極大簡(jiǎn)化項(xiàng)目開 發(fā)的成本。
項(xiàng)目實(shí)戰(zhàn)
外賣APP、源碼音樂App (TS+Vue+Vuex+Vant+axios+GIT) 熟練掌握Vue全家桶項(xiàng)目架構(gòu)。
5 uniapp/Taro微信小程序
課程內(nèi)容
微信小程序作為引爆H5時(shí)代的標(biāo)識(shí)技術(shù),通過學(xué)習(xí)了解視圖層、邏 輯 層相關(guān)知識(shí),深入小程序框架和組件的使用。uni-app 是一個(gè)使用 Vue.js 開發(fā)跨平臺(tái)應(yīng)用的前端框架,開發(fā)者編寫一套代碼,可編譯到 iOS、Android、H5、小程序等多個(gè)平臺(tái)。Taro是來自京東凹凸實(shí) 驗(yàn)室的多端統(tǒng)一開發(fā)框架Taro,可以讓你使用一套代碼打通WebApp、 微信小程序、支付寶小程序、百度智能小程序、字節(jié)跳動(dòng)小程序等。
項(xiàng)目實(shí)戰(zhàn)
源碼電影小程序/四海香美食小程序 (WXML + WXSS + JS + 豆瓣開放接口API)通過
本階段學(xué)習(xí),具備微信、支付寶小程序、百度智能 小程序和字節(jié)跳動(dòng)小程序的開發(fā)能力。
第六階段:React移動(dòng)混合式開發(fā)
1 React
課程內(nèi)容
掌握來自Facebook工程師開發(fā)的流行前端框架-ReactJs;熟練使 用ReactJs基本語(yǔ)法、聲明周期、React-Router及基于ES6的 React組件開發(fā);掌握React Redux架構(gòu)在實(shí)際項(xiàng)目中的應(yīng)用。掌 握基于ReactJS衍生出來的本地化跨平臺(tái)框架;
項(xiàng)目實(shí)戰(zhàn)
源碼房產(chǎn)App、源碼電影App (TS+React+Redux+Webpack+Antd-mobile+ GIT)熟練掌握React全家桶項(xiàng)目架構(gòu)
2 React Native/Flutter
課程內(nèi)容
熟練搭建ReactNative環(huán)境、掌握本地化布局和常見組件。 Flutter是谷歌的移動(dòng)UI框架,可以快速在iOS和Android上構(gòu)建高 質(zhì)量的原生用戶界面(原生應(yīng)用)。 Flutter可以與現(xiàn)有的代碼一起 工作。在全世界,F(xiàn)lutter正在被越來越多的開發(fā)者和組織使用,并 且Flutter是完全免費(fèi)、開源的。
項(xiàng)目實(shí)戰(zhàn)
源碼生活A(yù)PP(ReactNative/Flutter +AntD+DVA+高德地圖API)通過本階段學(xué)習(xí),具
備與移動(dòng)端開發(fā)人員的合作完成低成本、高性能、 高健壯的App應(yīng)用的能力。
第七階段:就業(yè)與服務(wù)
1 就業(yè)指導(dǎo)
企業(yè)通用面試技巧、知識(shí)點(diǎn)面試技巧、模擬面試、項(xiàng)目面試技巧、語(yǔ)言表達(dá)練習(xí)、互面總結(jié)、總結(jié)和復(fù)習(xí)面試題。
2 面試直通車
面試經(jīng)驗(yàn)交流、面試技術(shù)解惑、面試項(xiàng)目跟蹤。
3 售后服務(wù)
隨時(shí)隨地為同學(xué)們提供全方位工作問題解決方案!源碼時(shí)代是獨(dú)家具有售后的服務(wù)機(jī)構(gòu)!
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。