鴻蒙開發(fā)學習路線圖：第一站開發(fā)熱身

點擊此處返回《鴻蒙開發(fā)學習路線圖》匯總

創(chuàng)新互聯(lián)擁有十余年成都網(wǎng)站建設工作經(jīng)驗,為各大企業(yè)提供成都網(wǎng)站設計、成都網(wǎng)站制作服務，對于網(wǎng)頁設計、PC網(wǎng)站建設（電腦版網(wǎng)站建設）、成都app軟件開發(fā)、wap網(wǎng)站建設（手機版網(wǎng)站建設）、程序開發(fā)、網(wǎng)站優(yōu)化（SEO優(yōu)化）、微網(wǎng)站、域名注冊等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設計、網(wǎng)絡營銷經(jīng)驗，集策劃、開發(fā)、設計、營銷、管理等網(wǎng)站化運作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設項目的能力。

開發(fā)熱身總共有5步，以下是步驟詳解：

第1步：Web 頁面布局

HTML：HTML元素和屬性;HTML表單和圖形處理;HTML媒體和最佳實踐

CSS：CSS基本語法與選擇器;CSS背景、文本、邊框、輪廓與顏色;CSS列表、表單與表格樣式;CSS樣式層疊與繼承;CSS盒模型、定位、浮動和顯示屬性;CSS漸變、陰影與濾鏡;CSS變換、過渡與動畫; Web字體與多列布局

頁面制作工具：VSCode及插件;PhotoShop的使用和圖片整合;markman、pxcook工具使用;藍湖、sketch與axure工具使用

布局技術(shù)：BFC、IFC、GFC、FFC等概念;Flex彈性布局;網(wǎng)格布局;媒體查詢;viewport、rem、vw、dpr與ppi

布局規(guī)范與方案：PC端網(wǎng)站布局規(guī)范;PC端管理系統(tǒng)布局規(guī)范;流式布局(100%布局);等比縮放布局(rem布局);響應式布局;移動端reset, 1px border, 高清圖片;移動端設備適配最佳實踐

第2步：JavaScript 語言

原生JavaScript交互功能開發(fā)：基本語法;流程控制語句;函數(shù)與數(shù)組;String與Date;BOM與DOM;拖拽效果;客戶端存儲(cookie存儲、WebStorage);正則表達式;Ajax;面向?qū)ο蠡A(chǔ);運動與游戲開發(fā);數(shù)據(jù)結(jié)構(gòu)與算法。

面向?qū)ο筮M階與ES應用：Promise;async/await語法;try/catch語法;原型鏈;構(gòu)造函數(shù);執(zhí)行上下文棧與執(zhí)行上下文;作用域鏈;閉包;this;ES5-ES12;設計模式。

JSON 數(shù)據(jù)交換格式：JSON 語法規(guī)則;JSON5 的使用

第 3 步：TypeScript 語言

基礎(chǔ)入門：TypeScript 介紹;TypeScript 入門;常用類型;類型縮小;函數(shù);對象類型;類型操縱類;模塊。

高級進階：變量聲明;類型推斷;枚舉;公共類型;Symbols;類型兼容性;迭代器和生成器;裝飾器;JSX;混入;三斜線指令;模塊;模塊解析;命名空間;命名空間與模塊;聲明合并。

第 4 步：Node.js

前端工程化與模塊化：Linux 常用命令;Less/Sass;NPM;Git 的使用;AMD/CMD/UMD;ES6模塊化

高級進階：Node.js 服務端開發(fā);Node 基礎(chǔ)入門;Express 框架基礎(chǔ);中間件開發(fā);MVC開發(fā)模式;基于Express的后端路由;MongoDB數(shù)據(jù)庫的基本使用;MySQL數(shù)據(jù)庫的基本使用;基于Token的登錄狀態(tài)保持;Node.js的EventLoop;文件上傳(單文件/多文件);模板引擎;靜態(tài)資源加載;服務端渲染頁面

第 5 步：構(gòu)建工具

Webpack:

基礎(chǔ)入門：為什么需要Webpack;小試 Webpack;自動引入資源;搭建開發(fā)環(huán)境;資源模塊;管理資源;使用 babel-loader;代碼分離;緩存;懶加載;拆分開發(fā)環(huán)境和生產(chǎn)環(huán)境。

高級進階：提高開發(fā)效率，完善團隊開發(fā)規(guī)范;模塊與依賴;擴展功能;多頁面應用;Tree shaking;漸進式網(wǎng)絡應用程序 PWA;shimming 預置依賴;創(chuàng)建 library;模塊聯(lián)邦;提升構(gòu)建性能。

vite：為什么選用Vite;搭建Vite開發(fā)環(huán)境;創(chuàng)建第一個Vite項目;NPM依賴解析和預構(gòu)建(依賴預構(gòu)建簡介、esbuild、緩存);模塊熱重載(常用框架集成、HMR-API);Vite+TypeScript;Vite中的Vue和JSX(使用Vite創(chuàng)建Vue2項目、Vite支持Vue3使用JSX);在Vite中使用CSS;Vite靜態(tài)資源引用;Vite中使用WebWorker;Vite中引入WebAssembly;Vite中導入JSON及Glob導入;Vite中集成ESLint;構(gòu)建生產(chǎn)版本;環(huán)境變量和模式;騰訊云Webify項目部署;服務端渲染SSR(Vue3案例、React案例);后端集成。

 

標題名稱：鴻蒙開發(fā)學習路線圖：第一站開發(fā)熱身
地址分享：http://www.bm7419.com/article33/dghdjps.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、品牌網(wǎng)站制作、網(wǎng)站營銷、定制網(wǎng)站、搜索引擎優(yōu)化、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)