JavaScript Web 專案 : 實作 20 個專案充實你的履歷組合

Contents

現代 HTML5、CSS3 和 JavaScript 建構響應式和行動友好的專案，完成你的夢想組合和履歷

從這 32.5 小時的課程，你會學到

20 個專案，包括純 JavaScript、HTML5、CSS3 以及所有提供的程式碼
從一個初學者到一個自信的 JavaScript 開發者
學習 UI/UX 實踐來建構響應式和行動優先的 Web 應用程式
非同步程式設計與 AJAX、Fetch (獲取) API、Promises (承諾)和非同步 + 等待
編寫乾淨、可維護和高效的 Javascript 程式碼
運用 Web APIs (localStorage，DOM，+ 更多)
現代 HTML5(畫布，影片，音訊 + 更多)
現代 CSS3(動畫，過渡，變數 + 更多)
避免其他 Javascript 程式設計師和初學者常犯的錯誤
構建 20 個漂亮的、客製化的、真實世界的前端應用程式

要求

只需要對 HTML、 CSS 和 JavaScript 有基本的理解
一台電腦( 含作業系統 ) – Windows、 Mac 或 Linux 皆可

課程說明

剛剛更新了 HTML5、CSS3 和 JavaScript 的所有現代功能！加入由超過 600,000 名開發人員組成的實時在線社區，以及由在矽谷和多倫多實際使用 JavaScript 工作過的行業專家教授的課程！

本課程的重點是提高效率，並通過構建你夢想的履歷作品，讓你被錄用，如此你將可找到一份工作或以自由工作者的身份工作。再也不要花時間在令人困惑、過時、不完整的教程上！ Andrei 課程的畢業生現在在谷歌、特斯拉、亞馬遜、蘋果、IBM、摩根大通、Facebook 和其他頂級科技公司工作(說真的，你可google 一下來核實這裡的評論和推薦)。

無論你是想成為一個自由工作者，被僱傭，還是僅僅是為了提升你的職業生涯，這個全新的課程將帶你一步一步地完成 20 個 JavaScript 專案，你可以馬上客製化並放入你的作品集中。在這個過程中，你將學習使用 HTML、 CSS 和 JavaScript 建構專案，並真正建立作為一個 JavaScript 開發人員所需的技能。

無論你是否想有一天學習 React、Angular、Vue JS、 Node.JS、Svelte，或者任何其他現代開發工具鏈，到最後，JavaScript 基礎知識是關鍵，學習 JavaScript 是一項投資，將在未來許多年獲得回報。通過鞏固你的 JavaScript 知識，並且能夠在沒有程式庫和框架的情況下構建東西，你將更能保證自不會被未來淘汰。

事實是: 在網上很容易找到 JavaScript 專案。你可以複製和貼上程式碼。你可以觀看 YouTube 影片。這很簡單(而且是免費的)。本課程的不同之處在於，我們不僅有使用 JavaScript 最新特性和瀏覽器 APIs 的現代專案，而且還對每個專案進行了程式碼審查( Code Review )。在我們建立一個網站之後，我們會瀏覽程式碼並討論如何改進程式碼，如何改進安全性，或者改進專案的效能。

這就像一個高階開發人員最終教你什麼是好的程式碼，什麼是初學者常犯的錯誤，以及如何編寫可維護的程式碼。

所有的程式碼都會分享給你，即使你不喜歡跟著編寫程式碼，你也可以立即訪問專案的程式碼，將它們放到你的履歷組合中。

那麼我們要建造什麼呢? 準備好了嗎:

Spock Rock Game – Confetti.js, Modules
Quote Generator – Fetch, Async/Await, Quote API, CORS
Picture-in-Picture – Picture-in-Picture API, Screen Capture API
Bookmarks App – DOM, localStorage
NASA APOD – Fetch,Async/Await, NASA API, DOM, localStorage
Animated Navigation – CSS Animations
Infinite Scroll – Fetch, Async/Await, Unsplash API, DOM, Scroll Event Listener
Countdown App – Date, localStorage
Music Player – HTML 5 Audio API
Calculator – Math Methods
Splash Page – DOM Basics
Light/Dark Mode – DOM, localStorage
Form Validation – DOM, Forms
Joke Teller – Fetch, Async/Await, Joke API, Text-to-Speech
Video Player – HTML 5 Video API
MS Paint Clone – Advanced HTML Canvas, localStorage
Pong Clone – Advanced HTML Canvas
Math Sprint Game – SetInterval, DOM, Array Methods, localStorage
Animated Template – Template, AOS.js
Drag and Drop – Drag and Drop API, localStorage

我們將使用現代的 ES6、ES7、ES8、ES9、ES10 功能來掌握 JavaScript！可以將其視為一個完整的 JavaScript 訓練營，以使你從初學者變成自信的程式設計師！

最重要的是，我們還介紹了常見的 UI / UX 做法，以確保我們擁有良好的設計並且我們的專案對移動裝置友好。

本課程的目的不是讓你只是在不理解原理的情況下寫程式碼，在完成本課程後，除了再去上別的課外，不知道該做什麼。不會這樣！本課程將推動你，並挑戰你，使你從 JavaScript 的絕對初學者變為能夠自行建構專案的人。那麼最好的開始時間是？就是今天！現在就邁出第一步，你將更接近具備可被錄用的開發技能，並且更接近你的夢想職業。

在課程中見 : )

目標受眾

任何希望能夠自己建構 JavaScript 專案的人
任何想成為一個網頁開發者，轉換職業，或者作為一個具備 JavaScript 技能的自由工作者
希望學習現代 JavaScript 的初級開發人員
想要學習前端 Web 開發的程式設計師
任何需要新增更多的專案到自己的履歷組合或簡歷的人
瞭解 JavaScript 基礎知識並希望深化知識的開發人員

講師簡介

Andrei Neagoie 由高階軟體開發人員轉為講師 ( 更多講師主講課程介紹 )

Andrei 是 Udemy 網頁程式開發課程評價很高的教師，也是成長最快的教師之一。他的畢業生已經進入世界上一些最大的科技公司工作，比如蘋果、谷歌、摩根大通、 IBM 等等。 . 多年來，他一直在矽谷和多倫多擔任高階軟體開發人員，現在正在利用他所學到的一切，來教授程式設計技能，並幫助你發現作為一名開發人員在生活中所能提供的驚人的就業機會。

作為一個自學的程式設計師，他知道有大量的線上課程、教程和書籍過於冗長，不足以教授正確的技能。大多數人在學習一個複雜的主題時會感到麻痺，不知道從哪裡開始，或者更糟糕的是，大多數人沒有20,000美元用於程式設計訓練營。 程式設計技能學習應該是所有人可以負擔的起，並且對所有人開放。教材應該教授現代生活技能，不應該浪費學生寶貴的時間。 Andrei 從為財富500強企業、科技創業公司工作中學到了重要的經驗，甚至開創了自己的事業，他現在 100% 地投入時間教授其他人有價值的軟體開發技能，以便掌控他們的生活，在一個充滿無限可能性且激動人心的行業中工作。

Andrei 向你保證，沒有其它課程有這麼全面和詳細的解釋。他認為，為了學習任何有價值的東西，你需要從基礎開始，發展樹的根本。只有從那裡你才能學到與基礎相關的概念和具體技能(葉子)。當以這種方式建立時，學習將會呈現指數級的成長。

以他的教育心理學和程式設計經驗，Andrei 的課程將帶你瞭解複雜的主題，你從來沒有想過是可能的。

課程中見！

Jacinto Wong 網頁設計師/高階網頁開發人員/教育工作者 ( 更多講師主講課程介紹 )

Jacinto 是加拿大廣播公司的高階開發人員，具有多樣化的背景，包括在加拿大和韓國做過5年教師的經驗。他從很小的時候就對技術充滿熱情，這使得他在12歲的時候就開始組自己的第一台電腦，並在16 歲的時候開始使用設計軟體。作為 Zero To Mastery Academy 的一名教師，Jacinto 將這些藝術性和批判性思維技巧結合起來，創造出高品質的專案。這些專案將為學生的作品集增加真正的價值，並在網路開發領域為他們的職業生涯帶來飛躍。

開始學習一些新的東西可能是具有挑戰性的，且有如此多的可用資源，對學生來說資訊如排山倒海而來。 Jacinto 明白，對於一些人來說，訓練營和高等教育對於許多人來說太耗費時間或者太昂貴。考慮到這一點，他盡最大努力建立最高品質的課程，既便宜又適合初學者。

作為一個自學成才的開發人員，Jacinto 白手起家，通過線上課程學習僅僅4個月，就學到了足夠的知識，找到了一份高階開發人員的工作。他知道，在不花費過多時間和金錢的情況下，提升自己的技能並轉換職業是有可能的。他非常高興能夠從事這個令人興奮和不斷發展的行業，他的目標是為學生提供同樣的機會。

英文字幕：有

想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

點選這個✨優惠連結✨ 課程特價 | Udemy 永久擁有課程 NT330 起( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現