2024 網頁全端開發

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

4.78 (1476 reviews)
Udemy
platform
中文
language
Web Development
category
instructor
2024 網頁全端開發
7,471
students
80.5 hours
content
Apr 2024
last update
$74.99
regular price

What you will learn

學習所有前端和後端開發的必要知識與技能,轉職成為前端或全端工程師

創造有形與富有現代設計感的優質網站,增加網站曝光度與實用性

學習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請求。

Why take this course?

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

課程內容包含基本語法、物件導向的程式架構、解決問題的邏輯思路、遇到問題狀況的處理、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動畫製作等等內容。

Screenshots

2024 網頁全端開發 - Screenshot_012024 網頁全端開發 - Screenshot_022024 網頁全端開發 - Screenshot_032024 網頁全端開發 - Screenshot_04

Reviews

方健展
October 16, 2023
全部課程都看完了,老師講解非常清楚,好理解。 遇到問題向老師提問,老師回復速度也很快。 影片建議用 1.5 倍速觀看,自身感覺比較剛好。 想學習網頁開發相關知識,該課程非常推薦!價格上非常優惠!內容也非常扎實!
Wilson
August 9, 2023
目前上完CSS而已,但是非常喜歡這個課程。 雖然喜歡,但希望考慮買這個課程的朋友注意一下,這堂課不適合完全沒有程式基礎的人,我認為是已經有學過1-2種語言然後對網頁開發有興趣的人來學。因為課程從HTML和CSS的Markup Language開始,會比較枯燥。JavaScript在課程中後段才會開始。我覺得對於第一次學習程式語言的人來說,可能會因為無聊半途而廢;另外,老師講DOM Tree, OOP等概念的時候只會簡單帶過,雖然不會這些概念也不影響學習,但如果一直聽到不懂的名詞想必會很挫折。
Sharron
July 21, 2023
從2022版跳到2023繼續上 這門課真的非常非常物超所值!!! 我憑藉這堂課所學做了自己的全端作品成功轉職,找到一份網頁全端工作,連面試官都問線上課程是哪門教得很好XD! 太謝謝Wilson老師把這些知識集合成非本科也能輕易學習的課程,這門課拯救了我的轉職路XD! 超級感謝老師的教學!
Elva
July 13, 2023
老師聲音超好聽,我都用1.25倍速看,剛剛好的速度!講解得很清楚,500內可以一次買到前後端都包的課程,以中文的課程來說很便宜,老師真的很佛心,感謝udemy真的是一個超棒的學習平台讓我發現這麼優質的課程QQ
杨正雄
June 22, 2023
课程内容安排合理,给老师的建议:增加练习的模块,通常看视频和跟着敲代码的吸收效率知识很低。通过学完这些内容我成功找到一份前端工作,这门课程适合作为初学者,对于深入的话还需要具体了解react,js基础知识(前端),我学习时常大概是每天两到三个小时,用了两个月不到找到的程序员工作
Cheong
May 20, 2023
虽然之前有购买了2022的网页开发课程,但还是决定购买这个2023的网页全端开发课程。优点是讲解中添加了许多ppt文本,方便做笔记。其次呢还有添加了一些2022版本所没有的内容,感觉非常划算。在此感谢wilson老师提供这类课程让有兴趣学习或转行的人一个很好的选择。另外希望老师能够再开发一个php的相关课程。
CY
January 10, 2023
很想給五星但用英文解釋的狀況真的太多了。 才剛聽到一個新東西,後面只要提到全部改用英文講,況且程式的英文都不是日常會用到的,很不直覺。像Authentication、Serialization、Deserialization聽了很饒口也很像,學的時候常常會搞混,還要回去看哪個是指什麼。 個人覺得大多數用中文講比較簡潔也直覺,倒是教學途中聽到還不熟悉的英文還得回去查,反而降低了學習效率。 除了英文的問題外,這個課程cp值算高的,只是建議在實作的部分可以先大概說明流程,不然常常有聽到一半才發現原來是要做這個功能的狀況,也可以順便讓學員自己寫看看,不然只有說明project要初學者看完範例直接自己練習又會太難。
Casey
January 8, 2023
我一年前上過2022版這門課,現在又來看2023版的~給大家一些建議 一年前剛聽的時候說真的老師教得很好,但因為是初學者所以看完後還是半知半懂的狀態。 過了一年現在學了React, Nextjs, Tailwindcss等框架後大概漸漸了解全貌的樣子。 現在再回來聽某些章節,開始有 喔~當初原來是樣子的感覺~! 我覺得這門課真的是可以重複觀看的,很多觀念你當下理解不了全貌,但過一陣子後再回來看會有不同的體悟。 還有就是老師教得真的很好 淺顯易懂!! 絕對推薦給大家~!
Shakalin
December 23, 2022
很棒很好用的筆記程式,老師真的很認真,又常更新,是線上教學中我遇過最優質的,只可惜自己沒什麼毅力學完,如果有學完想買資料結構與演算法&離散數學與演算法,總之課程真的很優秀 上完一半的課程,對於我來說內容很多但很充實! 絕對是想學習程式語言的人可以放心選擇的課程,不需要花好幾萬上課就能擁有價值好幾萬的內容,簡而言之就是值回票價!!
許祐嘉
December 5, 2022
Wilson老師非常認真,而且講解的非常好,我2022和2023都有買,預計明年要開始實習了,這是個一百分的課程,可以說,如果與其他所有的線上課程相比,僅僅是2023全端這堂課,我就覺得有上萬元的價值,其他十幾個小時的課就可能要賣到2.3000,內容可能還沒有這堂課5小時的內容多,真心推!!!!
Ka
November 2, 2022
I bought the order version of Wilson's web development course. Wilson is good at explanation of concepts, which is I purchase the new version even though I already had the pervious one. I'm trying to keep my knowledge up-to-date and I really recommend this course to all of the people who speaks Chinese.

Charts

Price

2024 網頁全端開發 - Price chart

Rating

2024 網頁全端開發 - Ratings chart

Enrollment distribution

2024 網頁全端開發 - Distribution chart
4885958
udemy ID
9/16/2022
course created date
10/26/2022
course indexed date
Bot
course submited by