fbpx

[中文課程] 2023 網頁全端開發

超過 78 小時的內容,學習 HTML, CSS, JavaScript, React, Next.js 以及 NodeJS, Express, MongoDB, Restful API,透過9個實作專案豐富作品集,透徹學習網頁開發的知識與技巧!

從這 78.5 小時的課程,你會學到

  • 學習所有前端和後端開發的必要知識與技能,轉職成為前端或全端工程師
  • 創造有形與富有現代設計感的優質網站,增加網站曝光度與實用性
  • 學習HTML5語法,以及HTML Semantic Elements,並且使用HTML Validator驗證程式碼正確性,製作出功能性完整的網頁
  • 學習CSS以及SCSS,事半功倍的寫出維護性高的樣式表
  • 使用JavaScript DOM控制網頁元素,透過 JavaScript 事件監聽功能處理事件
  • 學習響應式網頁設計 (Responsive Web Design),讓網頁在不同裝置上仍保持美觀與實用
  • 了解 JavaScript 當中的背後運作原理,包含 Execution Context、Hoisting、Scope、this keyword等等
  • 練習用 JavaScript 解面試題目,學習以程式的方式來思考問題解決方法
  • 製作貪食蛇遊戲、彈跳球遊戲,增加面試作品豐富度
  • 使用Nodejs、Expressjs等後端技術,製作後端網頁伺服器
  • 使用ReactJS前端框架,活用現代網頁開發技術
  • 使用Passport套件來提供網站使用Google登入功能
  • 使用Git以及GitHub來做程式碼的版本控制
  • 學習使用MySQL以及MongoDB兩種資料庫
  • 學習網頁開發中的MVC設計模式
  • 使用Mongoose在網頁中獲取MongoDB資料,來建立與使用者身分相關的功能性商業網站。
  • 從零開始,一步步製作出Restful API
  • 製作Cookies以及Sessions,記錄網頁使用者的偏好設定
  • 了解並且運用AJAX語法,從API獲取資料並且運用於網站當中
  • 認識近代密碼學的數學邏輯以及Hash Function在加密資料庫的全端應用
  • 了解HTTP Status Code,製作出可以送出不同種類Status Code的網站伺服器
  • 使用Postman軟體,寄送GET, POST, PUT, DELETE等HTTP請求。

要求

  • 無須任何經驗。有一台電腦與一點興趣即可開始。
  • 準備好學習Udemy上最好的中文網頁全端開發課程。

課程說明

超過75小時的重量級課程,包辦網頁前端到後端的必備知識,手把手帶你從頭開始學習寫程式。

課程內容包含基本語法、物件導向的程式架構、解決問題的邏輯思路、遇到問題狀況的處理、Debug技巧,建立扎實的程式開發必備知識。網頁開發分為前端與後端部分。網頁全端開發課程前半段著重HMTL, CSS, JavaScript三大網頁開發基石,透過實作四個專案、兩個遊戲來鞏固所學基礎。後半部分著重於後端開發工具,包含業界常見的MongoDB, Node.js等後端程式設計工具。課程最後會統整前端React框架與後端API連結系統,製作出網頁開發中非常熱門的MERN專案系統!

你不需要有任何的程式設計經驗,也不需要有相關的背景知識。此課程包含網頁前端與後端所需內容,帶你學會成為網頁全端工程師的必備技巧。

當課程結束時,你會有能力使用:

  • 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
  • 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
  • Next.js

跟2022網頁全端攻略課程相比,這堂課程當中新增了:

  1. 六個全新的專案,包含兩個新遊戲(貪食蛇遊戲、彈跳球遊戲),充實更多作品及內容。
  2. 動態網頁的部屬教學,包含MongoDB Atlas的使用以及Heroku雲端。
  3. 所有課程皆有PowerPoint中文投影片,筆記更方便。
  4. Next.js的教學。Next.js是業界最常用的React.js框架,於架設網站與搜尋引擎優化(Search Engine Optimization)上面有非常強勢的優點。
  5. 每個章節最後有測驗題目,可以快速做重點整理。
  6. MVC模式的圖解分析與應用範例。
  7. 新增Blowfish演算法、Signed Cookies, HMAC, JWT簽名與驗證演算法、OAuth完整流程與安全驗證等等資訊安全流程詳細解說。
  8. 新增HTTP協議內容、Race Condition處理、Node.js Event Loop規則、Canvas-Nest網頁效果、CSS泡沫製作、GSAP動畫製作等等內容。
  9. 之後會視情況新增TypeScript等內容。

目標受眾

  • 想要轉職成前端工程師、全端工程師的人
  • 對網頁開發有興趣的初學者
  • 大學資工系、資管系主修或副修學生
  • 對於資訊科技有興趣,想要開始動手寫程式者
  • 有經驗但想學習更多工具的開發者

講師簡介

Wilson Ren Udemy教師、前端網頁設計師更多講師主講課程介紹)

我是一位網頁前端開發者、演算法設計師。目前在Grade Panda擔任全端工程師。

我在到美國之前,完全沒有寫過程式的經驗。在眾多不同的主修當中,我選擇電腦科學(台灣的資訊工程系)來當作主修,因為我從小就對電腦有濃厚的興趣。在此之後,我寫過無數網頁、開發過許多不同的樣板以及網頁架構,也在課外之餘在許多不同的線上學習資源當中學習更新穎更多樣的網頁設計技巧。


🙌覺得使用 udemy 內建的筆記功能不好用? 歡迎來試試 LN+ for udemy,這是一個將 udemy 與 Notion 無縫整合的課程筆記輔助工具!


❤️如果進入課程網頁中沒有看到課程有折扣請先透過桌面電腦瀏覽器點選這個 ✨優惠連結✨,可以用優惠折扣價購買課程


報名參加課程

Sponsored by Udemy


不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

Comments are closed.

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: