changed 4 years ago  
Linked with GitHub

網頁開發前後端筆記

前端相關

JavaScript

  1. 【JS101】 用 JavaScript 一步步打造程式基礎 筆記
  2. JavaScript 函數簡介
  3. Call by Value or Call by Reference ?
  4. JavaScript 變數
  5. Scope 作用域
  6. 物件導向（OOP）
  7. Event loop
  8. JavaScript 底層機制與相關執行原理
  9. Fetch & Promise
  10. async/await
  11. jQuery
  12. this
  13. JS 相關語法與實際應用例子
  14. Udemy - Chrome 網頁除錯功能大解密
  15. Introduction to Javascript in Front-End
  16. Callback function example
  17. setTimeout() example
  18. AJAX 技術串接 API 的疑難雜症
  19. .xlsx 檔轉成物件資料與 JavaScript 處理檔案的 API(待更新)

React/Redux

  1. React.js 簡介與環境建置
  2. React.js 基本概念與引入 CSS 的方式
  3. React 的生命週期
  4. 初探 React 背後的運作機制
  5. 【範例】把 Todo List 改為 React
  6. React 的 form 表單實作
  7. React 的 API 串接
  8. React-router
  9. Redux 的介紹與基礎概念
  10. Middleware of Redux
  11. 使用 create-react-app 建置環境時，開啟的 localhost:3000 網域支援 HTTPS
  12. 網站嵌入 Facebook Login API in React
  13. create-react-app
  14. Redux 應用
  15. react-hook-form（待更新）
  16. React 相關應用
  17. react-hot-loader

Application

  1. SPA（Single Page Application）

HTML

  1. Introduction to HTML Foundation
  2. HTML 的一些用法
  3. Viewport 設定
  4. HTML 的 meta 標籤

CSS

  1. CSS 疑難雜症
  2. CSS Preprocessor
  3. CSS Sprites、Data URI
  4. PostCSS
  5. Bootstrap
  6. Introduction to CSS Foundation
  7. 兩個小遊戲帶你認識 CSS Seletor 與 Flexbox
  8. 超通用橫式版面
  9. 直式側邊選單

Package

  1. ESLint + husky + lint stage
  2. Webpack
  3. Gulp
  4. React 使用 Airbnb 規範的 ESLint

後端相關

  1. 後端基礎 - PHP、SQL、Database
  2. 部署 AWS EC2 遠端主機 + Ubuntu LAMP 環境 + phpmyadmin
  3. 替網域加上 SSL 憑證

Node.js

  1. Node.js 的操作與指令
  2. node.js 的 modules

PHP

  1. PHP 相關語法與實際使用的場合例子
  2. PHP 的 SESSION 機制

Database

  1. 資料庫相關

Network/Web 相關

  1. 網路基礎應用概論
  2. Cache
  3. 練習資訊安全的網站
  4. 駭客攻擊手段
  5. 雜湊、加密、密碼

Others

  1. Git 版本控制
  2. Data Structure
  3. VSCode 的 <head>、<body> 無法縮排
  4. VSCode 的 HTML、CSS 快速寫法
  5. VSCode 設定 LF、CRLF
  6. VSCode extensions
  7. 本地開發環境建置並上傳至 github 的步驟
Select a repo