JavaScript >> Javascript 文檔 >  >> Tags >> web

課程回顧:Web 開發人員訓練營

現在很難成為一名開發人員,而且至少對 Web 的了解有限,而且它非常受歡迎。許多人可能已經知道,Web(或萬維網)是網頁和站點的系統,它使用 Internet 在端點之間傳遞數據和文件。它是由 Tim Berners-Lee 在 1980 年代後期開發的。

但是,簡短的歷史課已經講夠了,讓我們來看看互聯網對我們所知的世界有多大的影響。它使我們生活的幾乎每一個部分都發生了革命。從我們如何與朋友、同事和政府互動,到我們如何購物甚至銷售我們的商品。互聯網對眾多行業產生了不可思議的影響,僅舉幾例;教育、娛樂、營銷和商業。

有了這種影響,對網絡有更深入的了解是很重要的,這包括知道如何為它構建應用程序。這是我向所有人推薦的東西,無論您從事哪個行業,學習互聯網,因為您或您的公司可能在某個時候需要一個網站。教別人為網絡開發可能會損害我的工作保障,但它會讓世界變得更美好。

在本文中,我將回顧 Web Developer Bootcamp,旨在教您如何開發可通過 Internet 訪問的網站和 Web 應用程序。

講師

這是本課程創建者的簡歷。教練是柯爾特斯蒂爾,他的名字只有 5 門課程,他確實給人留下了深刻的印象。有超過 370,000 名學生參加了他的課程(在撰寫本文時),這表明有多少人信任他並正在參加他的課程。已經覺得你在正確的手中?可能有充分的理由。 Colt 實際上被選為 Udemy 的最佳新教練 2016 年。

Colt Steele 在擔任其他各種角色方面也擁有豐富的經驗,曾擔任 Galvanize 公司的首席講師、課程總監和首席課程開發人員。要了解有關他的更多信息並查看他的其他課程,請務必訪問他在 Udemy 上的個人資料。

課程受眾

就像我之前提到的,由於互聯網的普及,Web 開髮變得越來越適合每個人。本課程的講師非常了解這一點,並確保任何人都可以參加本課程,無論他們的專業水平如何。

如果您想學習 Web 開發並且完全沒有這方面的先驗知識,只需跳入訓練營並開始吧。該課程甚至對網絡進行了介紹,廣泛解釋了網絡和互聯網的工作原理,然後逐步進行甚至教授 API 和其他網絡技術。

內容概覽

說完了背景,是時候看看這門課程的內容了。

HTML &CSS

HTML 和 CSS 是為任何網站構建組件的兩種最重要的技術。 HTML(超文本標記語言)用於描述網頁的結構和佈局,使用標籤表示的元素,而 CSS(層疊樣式表)描述 HTML 元素如何在屏幕上顯示。

了解這些技術對 Web 開發的重要性後,培訓師會花時間引導用戶了解 HTML 和 CSS 的中間概念並繼續學習。該課程採用實踐方法來培訓學習者,引導他們構建口袋妖怪桌、創建井字遊戲板等等,以幫助學習者掌握概念。

本部分還確保涵蓋 Bootstrap(用於使用 HTML、CSS 和 JS 進行開發的開源工具包),並使用它來幫助學習者在此過程中構建圖片庫和登錄頁面。

JavaScript

“不要與 Java 混淆”

不知道當我開始使用 JavaScript 時,我聽到了多少次這個短語。

JavaScript 在很多場合都被稱為“網絡語言”。因此,我們在本課程中涵蓋這種令人驚嘆的語言絕對不足為奇。

Colt 一步一步地向學生介紹 JavaScript,對用戶進行 JavaScript 語法培訓。在掌握 JavaScript 語法後,學生將學習循環和條件語句等 JavaScript 控制流。然後課程繼續介紹更多循環、數組和對象,深入探討 JavaScript。

在所有這些過程中,用戶通過構建簡單的應用程序(例如年齡計算器、簡單的遊戲等)來學習。我還必須給訓練師處理 null 的道具 和 undefined 本課程的主題,這並不總是容易教的,尤其是初學者。

DOM 操作

DOM 或文檔對像模型定義了文檔的邏輯結構以及使用代碼訪問和操作文檔的方式。這主要涉及編寫一些 JavaScript 代碼,從頁面中選擇 HTML 元素並對其進行操作。幾乎所有非靜態網站都使用它。

我們可以用 DOM 操作做的一些事情是改變文本的內容或樣式,對事件做出反應,或者添加和刪除 HTML 元素。如您所見,這就是使網頁具有交互性的原因。這是在 Web 開發中創建動態內容的最重要的概念之一,因為幾乎所有 Web 開發人員都在使用它,而且它非常重要,以至於在這個時代,大多數開發人員都認為它是構建應用程序的重要組成部分。無論是直接執行還是從 React.js、Angular 或 Vue.js 等眾多前端框架之一執行。

與往常一樣,本課程讓學習者了解基礎知識,然後在此基礎上介紹更高級的概念。講師將引導學習者通過基本操作一直到與事件進行交互。跟上幫助學習者理解的動手方法,您將在 DOM 操作的幫助下構建一些應用程序,例如 Color Game Project、Simple Selector 等。

jQuery

jQuery 是一個功能豐富的 JavaScript 庫,可幫助處理 DOM 操作、事件處理、動畫和 AJAX 等。 jQuery 首次推出時徹底改變了人們編寫 JavaScript 的方式。

然而,培訓師首先承認當前正在進行的支持和反對 jQuery 的討論。給學習者一些使用或不使用 jQuery 的理由。他還給出了學習者為什麼需要了解 jQuery,從而將其納入課程的原因。

本課程讓學習者了解 jQuery 是什麼,上面提到的討論以及如何在項目中包含 jQuery,基本介紹。它繼續向學習者展示如何使用 jQuery 選擇和操作 DOM 元素,並在此過程中包括一些其他練習。課程繼續向學習者介紹類操作和事件,例如 .keypress() , .on("event") 等,並提供示例以幫助理解這些不同概念的使用。

Node.js &APIs

本課程中有很多關於這兩個主題的內容,深入探討了這兩個主題的不同部分。但由於其中大部分重疊,我將兩者的內容放在一起討論。

本課程從基礎開始,讓學習者深入了解 HTTP(例如狀態代碼、請求類型等)和後端工作流程。後端工作流旨在向學習者展示如何設置和連接數據庫,如何在 Node 中創建和運行服務器,最後如何創建路由來訪問數據和處理不同的請求類型。

介紹 Node 以幫助學生了解 Node 的工作原理以及如何與其包管理器 NPM 進行交互。該課程還繼續通過向學生展示如何設置和使用庫進行開發,詳細介紹了一些有助於 Node 開發的關鍵庫,例如 Express.js。

最後,向學生展示瞭如何使用 API 或應用程序編程接口。本課程將引導學生完成如何創建簡單 API 的各個步驟,然後繼續向用戶展示如何使用其他 3rd 方 API。這是任何 Web 開發人員最重要的技能之一,因為在不與 API(您的或第三方的)交互的情況下構建 Web 應用程序變得越來越少見。在本節中,您將與 Yahoo 天氣 API 和 Open Movie Data Base Movie API 進行交互。

YelpCamp

本課程以我在任何課程中看到的最驚人的功能之一結束。培訓師通過創建 Web 應用程序逐步全面地引導學習者。這部分涵蓋了從項目設置、引導用戶完成路由設置、設置數據庫和數據持久性。課程使用Mongoose庫,這是Node.js中使用的流行數據庫ORM。

Web Developer Bootcamp 進一步探索 RESTful 路由,通過使用一個簡單的博客對其進行演示,然後將其集成到項目中。該課程進一步演示了數據關聯、身份驗證和在 UI 上的工作。課程的這個令人驚嘆的部分以部署應用程序這一經常被忽視的最重要的開發步驟結束。學習者將完成將應用程序部署到 Heroku 的過程。

好人

實踐方法

您可能已經註意到,我曾多次提到本課程採用動手實踐的方法來培訓學習者處理的每個主題。對於本課程中涉及的每個主題,培訓師都會花時間實際向用戶展示如何做,並讓用戶跟隨簡單的任務和練習。

資源

就像在任何其他課程中一樣,大多數講師都很難跟上,尤其是在它是一個新概念的情況下。本課程了解這一點,並提供了備份資源,例如視頻中使用的幻燈片和代碼片段,以幫助學習者鞏固視頻講座中的內容。

項目

本課程進一步引導學生構建現實世界的項目,以幫助他們達到市場標準。與其他只教授基礎知識並讓學習者自己解決其餘部分的課程不同,本課程負責並向學習者展示如何完成幾個項目。

榮譽獎

其他讓我印象深刻的課程主題的榮譽提及包括:

免費電子書:Git Essentials

查看我們的 Git 學習實踐指南,其中包含最佳實踐、行業認可的標準以及隨附的備忘單。停止谷歌搜索 Git 命令並真正學習 它!

  • Git 和 Github :教學生如何使用版本控制來保存他們對代碼所做的所有更改以及如何與團隊中的其他開發人員共享此代碼的部分。
  • 處理 JavaScript:棘手的問題 :深入了解 JavaScript,向學生傳授該語言的一些更高級的主題。

批評

框架

這門課程很棒,但是它忽略了所有存在並且非常廣泛傳播的前端框架,這讓我有點擔心。這些前端框架為開發人員提供了巨大的價值,因此他們至少可以提及一些框架,並簡要介紹其中一個更受歡迎的框架。

結論

網絡已經存在了一段時間,看看它的影響,我想說它不會很快消失。如前所述,幾乎每個人,或者至少是每家公司,都會在某個時候需要一個網站,而學習如何建立一個網站可能是一項非常有用的技能。

有很多方法可以學習如何使用各種編程語言構建 Web 應用程序。然而,JavaScript 被描述為網絡語言,因此學習使用它進行構建是一個額外的優勢。本課程就是這樣做的,從構建靜態 HTML 到樣式和構建 API 一體化課程。

沒有任何課程可以教你任何單一主題的所有內容,即使這門課程可能存在缺陷,Web Developer Bootcamp 至少可以作為一個很好的起點。我個人建議您使用本課程開始學習如何構建 Web 應用程序,然後繼續探索其他學習方式,直到找到最適合您的方法。

快樂學習👨🏾‍💻


Tutorial JavaScript 教程
  1. 你的生命有多短?使用 React 找出答案。 (第2部分)

  2. 從頭開始設置 React Native 應用程序🔥⚛️

  3. 從頭開始創建 Netflix 克隆:JavaScript PHP + MySQL 第 6 天

  4. 在雲端使用 React、Node 和 Socket.io 創建您自己的聊天室:第 1 部分

  5. 提高程序員的工具

  6. 根據另一個變量在 Google Scripts 中設置一個變量

  7. 關係運算符

  1. 對數組進行排序以使特定項目首先出現在數組中

  2. 我為他的工作製作了我的朋友的作品集!

  3. JavaScript 中 Java 的 Thread.sleep() 等價物是什麼?

  4. 用 Redux 寫一個計數器

  5. JavaScript 桌面自動化

  6. Javascript中異步/等待的神奇神秘指南

  7. P-PL.com 尋求 JS 和 Python 專家

  1. React App 上的自動部署:Github Actions

  2. 將調用 node.js 的 REST API 應用程序部署到 Heroku

  3. 2021 年要嘗試的 21 個最佳 React 組件庫

  4. 阿拉伯語的 Alexa