modernweb_course

現代網頁開發

與國際市場相比，埃及軟體開發市場缺乏專家人才。在本課程中，我們將涵蓋 Web 開發領域最新的穩定軟體開發實務、專案架構、設計模式和技術。

本課程是為那些打算從事軟體開發職業，或想要為新創公司創建低成本 MVP 的人。完成本課程後，您應該熟悉當前的技術水平，並能夠對您的開發堆疊做出明智的決策。

本課程的結構很大程度上是出於這樣一種觀念：新手開發人員開始採用框架和使用庫，而沒有批判性地思考該工具是否適合該工作。

課程流程

• 本課程將由13堂課組成
• 每節課分為練習和討論兩部分
  • 在練習過程中，您將解決課程作業
  • 在討論期間我們將討論下一個作業
  • 討論的所有概念都記錄在作業中
  • 我將解釋不清楚的概念
• 每次課程結束後，我都會根據我們的進度更新課程材料。
• 每項作業佔 10%，因為我必須在某些方面給你打分數。
  • 完成後授予成績（我認為已完成）。
  • 作業在課程期間進行評分。
  • 根據完成程度，成績可以是部分的。
  • 考慮最佳 10 項作業
  • 最好在會議之前閱讀或開始解決作業。
  • 如果您無法完成作業，您可以獲得在下一個練習時段之前完成作業的許可。
• 第一場會議僅是討論會議。
• 最後一堂課只是作業課。
• 我們都應該在課程結束時吃披薩。

你將需要

• 帶有 bash shell 的筆記型電腦（基於 Unix 的作業系統或帶有 ubuntu 終端機的 Windows 10）
• 現代瀏覽器，例如最新的谷歌瀏覽器
• 網際網路
• NodeJS
• git
• 文字編輯器，例如 Atom

課程時間

在本課程中我們將介紹

1. Web 應用程式歷史

在本次會議中，我們將討論開發人員可以學習的現有知識以及我們將在本課程中涵蓋的內容。

• 設定對課程的期望。
• 我們將要解決的問題。
• Web 應用程式記錄。
• 使用 babel 和 node 設定 ES6 項目
• 網頁包

下次佈置作業

• 建立一個簡單的 Web 應用程序，無需任何庫
• 我們面臨的基本問題
• 將代碼拆分為單獨的文件
• OOCSS 和 BEM

2. 現代應用程式的生命週期：資料呈現視圖

在本次會議中，我們將從回顧基本的 Javascript 功能開始，並介紹函數式程式設計概念。

• 彈性盒
• es6 功能模板字串
• 將資料渲染為 html 的元件

下次佈置作業

• 完整的 HTML 渲染程式碼

3. 現代應用程式的生命週期：操作更新數據

• DOM 事件
• 確定我們的程式碼範圍
• 使用觀察者模式進行基於事件的編程

下次佈置作業

• Flux架構（資料向下動作向上）

4. 現代應用程式的生命週期：測試

• HTML 渲染單元測試
• 純函數
• 國營商店
• 模擬和存根
• 依賴注入

下次佈置作業

• 測試我們的渲染函數
• 測試我們的行動調度程序
• 測試我們改變商店的行為

5. 現代應用程式的生命週期：視圖觸發事件

• NodeJS：模組
• 建置工具：gulp
• 渲染虛擬 dom
• 運行我們的測試任務
• 瀏覽器化

下次佈置作業

• 開發一種稱為計數器的新型待辦事項
• 現在可以編輯待辦事項

6. 現代應用程式的生命週期：非同步程式碼

• JavaScript 事件循環
• 承諾與獲取
• 使用 Express 建立一個簡單的 REST 伺服器
• 插座
• 非同步
• 反應式程式設計

---

					_MIDTERM BREAK_

---

7. 持續整合和部署

1. 使用 Git 頁面的前端 * 抵制 Git * 使用 CI 在 github 上部署程式碼 * 使用 Nginx 進行 SSH 並進行加密
2. 使用 Capistrano 的後端（節點 Flight） * 使用 ssh 在伺服器上部署 * 使用 CI 自動化我們的 git pull 請求接受 * 使用 Flightplan 進行部署

8. MVP 所需的一切

1. 火力基地 * *
2. 使用 Firebase 進行測試 **

8. 大規模應用程式的架構：問題

1. 反應**
2. 漸進式網路應用 * *

9. 大型應用程式的架構：框架

1. 反應**
2. GraphQL * *

10.React Native 腳本

1. 設定 * *
2. 推播通知*

11. 額外的損失時間

1. 電子**

12. 額外的損失時間

筆記

• 使用常見問題表

＃課程