2022/2/1-2022/2/23 學習2022 網頁開發全攻略的筆記以及程式碼內容。
筆記部分皆為基礎。後續許多工具及功能都更新的很快,比起第二手筆記,官方文件較為準確及新穎。
Course Link on Udemy : 2022 網頁開發全攻略(HTML, CSS, JavaScript, React, SQL, Node, more)
Thanks Wilson Ren for this amazing course on Udemy!
- CSS Basics 1
- CSS Basics 2
- CSS Basics 3
- HTML/CSS Advance 1 Flexbox
- HTML/CSS Advance 2 (偏經驗談)
- HTML/CSS Advance 3
- RWD (Responsive Web Design)
- JavaScript - Basics 1
- JavaScript - Basics 2
- JavaScript - Practice
- DOM (Document Object Model)
- JavaScript - Advance 1
- JavaScript - Advance 2
- JavaScript - Advance 3
- JavaScript - Advance 4 (Ajax and APIs)
Projects | Knowledge |
---|---|
Project 1 台灣經濟歷史發展 | Basic HTML / CSS |
Project 2 Hawaii 旅遊租借服務 | Basic HTML / CSS / Javascript / RWD / EventListener |
Project 3 Portfolio | Basic HTML / CSS / Javascript / RWD Online website: rjun portfolio |
Project 4 TodoList | HTML / CSS / Javascript / RWD |
Project 5 Google Login | Javascript / npm modules / OAuth |
Project 6 Photo Website | React / API Online website: react photo website |
MERN Project Course System | Frontend : React Backend : Mongodb + Expressjs + Nodejs |
- npm
- express
- express-session
- Joi
- bcrypt
- connect-flash
- cookie-session
- dotenv
- mongoose
- nodemon
- passport
- passport-local
- passport-jwt
- jsonwebtoken