What You Will Learn!
- 學習所有前端後端必要知識與技能,轉職成為工程師
- 充分使用HTML5、CSS、JavaScript來製作網頁架構與功能,增加網頁使用性與靈活性,寫出運作優良且穩定性高的 JS 程式碼
- 創造有形與富有現代設計感的優質網站,增加網站曝光度與實用性
- 使用最新CSS styling技術,例如: Flexbox、SCSS,來對網頁設計達到事半功倍效果
- 用Figma做出網頁架構藍圖,並做出網頁樣板與精美圖形
- 學習響應式網頁設計 (Responsive Web Design),讓網頁在不同裝置上仍保持美觀與實用
- 了解進階JavaScript,了解JS當中奇怪的部分,例如 Scope, Hoisting, Hoisting, Scope, Closure, Prototype Inheritance, execution context, callbacks, this keyword
- 使用NodeJS + ExpressJS 製作出網頁後端伺服器,根據使用者需求展現不同功能的網頁
- 使用Embedded JavaScript Template來做網頁內容控制
- 使用Unix Command快速在電腦中架構出文件與開發必要工具
- 深度了解JavaScript, 學會variables, functions, loop, arrays, objects, primitive data types, reference data types等重要觀念
- 使用MongoDB資料獲得與更新,並整理與整合資料庫中所有重要資料
- 使用Mongoose在網頁中獲取MongoDB資料,來建立與使用者身分相關的功能性商業網站
- 學會SQL語法與資料庫概念,包含keys and query,了解資料庫相互連接概念
- 從零開始,一步步製作出Restful API
- 充分了解伺服器錯誤,以及做出相對應的處理邏輯與文件
- 使用Cookies and Sessions,記錄使用者的登入資訊,大幅網頁使用者的使用體驗
- 建立登入頁面,將使用者資料與密碼加密並儲存在資料庫中
- 製作7個美觀且實用度高的網站,成為面試作品的一大利器
- 製作出個人專屬網頁,展開人脈與互動連結
- 了解並且運用AJAX語法,從API獲取資料並且運用於網站當中
- 使用良好的程式語法,讓網頁在Firefox, Chrome, Microsoft Edge, Safari等主流網站都流暢運行
- 學會加密資料庫,保護使用者資料安全,提高資料隱密性與資訊安全性
- 像開發人員一樣思考。成為問題解決的專家!
- 了解DOM的語言架構與相關函數
- 認識近代密碼學的數學邏輯以及Hash Function在加密資料庫的全端應用
- 了解電腦儲存顏色與資料方式,認識二元數編碼原理與邏輯
- 了解駭客的基本操作與背後工作原理
- 從製圖開始,在網頁中加入精美動畫效果
- 了解HTTP Status Code,製作出可以送出不同種類Status Code的網站伺服器
- 使用Postman來對API做資料確認與使用
Description
超過65小時的重量級課程,此2022網頁開發全攻略課程會一步一步帶者你走,讓你能夠從頭開始架設屬於你自己的網頁! 你不需要有任何的程式設計經驗,也不需要有相關的背景知識。此課程包含網頁前端與後端所需內容,帶你成為網頁全端工程師。手把手教學的課程,讓你從網頁前端學到網頁後端,建立使用者介面到連結資料庫,建立任何你想要的美觀網站! Udemy上面有許多課程,但此課程是你唯一需要的網頁開發課程!!
耗時5個月的構思與準備,加上設計與影片製作,這堂課包含所有你需要的工具與知識,來成為一位網頁前端加後端工程師,製作出任何你要的功能,連結資料庫,做出精美與功能性高的網站。
本課程講解各種現代開發工具以及應用原則,讓你不論身在何處都可以隨時隨地的學習最新知識。詳細的解說,讓你從初學者到建站大師! 所有project皆提供原始碼與教學,讓你輕鬆動手寫程式! 不用花大錢,即可由簡入深學習到許多開發技巧和debug觀念!
你應該要註冊這堂課的理由:
課程教材適合不同程度的人,不論你的基礎為何,此課程由簡入深學習所有必要資訊!
課程涵蓋大量其他課程沒有的資訊,讓你完全了解所有程式碼的運作原理與概念。
不用花大錢,就能學習超過65小時的網頁開發大百科。
Project練習設計美觀,且能夠活用所學習到的程式概念。
在這堂課程結束之後,你將能夠使用:
VS Code與專業Extensions
HTML5
CSS3
JavaScript
Flexbox and SCSS
ES6 語法
了解DOM, Hoisting, Scope, Closure, Prototype Inheritance, execution context, callbacks, this keyword等進階JS觀念與運用
Bootstrap
Unix Command, Git, and GitHub
Figma
Node.js
Express.js
EJS (Embedded JavaScript Templating)
Git, GitHub, Version Control
SQL
MongoDB
Mongoose
Restful API
Authentication
Cryptography
React
JSON Web Token (JWT)
MERN Project
Who Should Attend!
- 如果你在不同的開發課程中猶豫,這是你唯一需要的網頁開發全端課程。
- 對網頁開發有興趣的初學者
- 大學資工系、資管系主修或副修學生
- 本課程適用於任何想學習Web開發的人,無論過去擁有的經驗是多是少。
- 對於資訊科技有興趣,想要開始動手寫程式者。
- 對於演算法與網路結構有興趣者
- 想學習使用連結資料庫的網頁伺服器來建立網站者
TAKE THIS COURSE