在2021年,你如何成為一名網頁開發者?

在本篇文章中,我將告訴你我會怎麼做。

有太多東西需要學習,很難按照一個有意義的順序學習它們。有時你會學習一些並不相關的東西,然後才能將它們聯繫起來。而且,事物總是在不斷變化,很難弄清楚哪些還值得學習。

我會盡力提供一個良好的結構。

巧合的是,這正是我在我的編程營中使用的結構。下一個編程營將於2022年第二季度舉行,將包含本計劃的第一部分。進階編程營將於2022年第三季度舉行,將包含第二部分。

首先學習網頁的基礎知識,也就是網頁的基本原理。像是什麼是互聯網,什麼是網頁,以及網路請求的工作原理。

了解HTTP是如何工作的,以及HTML頁面如何從服務器分發到瀏覽器。

學習了解服務器是什麼。

了解瀏覽器的工作原理。

學習HTML的基礎知識。

了解HTML頁面的結構。

用純HTML構建一些網頁。

Codepen是一個很好的起步選擇。

下載VS Code,並熟練使用它在你的電腦上編輯代碼。

學習什麼是Git和GitHub。

使用Git來跟踪你的HTML文件的變更。

在GitHub上創建一個帳戶,創建一個倉庫並將你的工作存儲在那裡。

下載GitHub桌面應用程序,並熟練使用它將你的代碼推送到新版本。

學習什麼是CSS,以及它的基礎知識。

使用CSS來為之前構建的HTML頁面添加樣式。

不斷練習HTML和CSS,直到你感覺自己很熟練。

學習如何使用瀏覽器開發者工具。

不斷探索CSS和HTML中的新事物。從排版、顏色和字體開始,逐漸引入盒模型、CSS網格、彈性盒子、響應式設計和暗黑模式等,並學習有關語義化HTML的知識。

學習如何將你的網站部署到Netlify。

學習Tailwind CSS。在掌握了CSS的基礎知識後,學習如何使用這個框架以一種更容易理解的方式應用CSS,這也是行業的發展方向。

開始學習JavaScript。首先學習基礎知識。做一些小項目和小應用程序,以幫助你理解所有的知識。你需要深入研究JavaScript並成為一名大師。

函數、對象、數組、循環、條件語句、回調函數、Promise、異步/等待、閉包、遞歸、模塊,這只是開始。

了解什麼是DOM。學習如何通過JavaScript與DOM進行交互。

學習Fetch API以及如何使用它進行網路請求。

學習Node.js和如何創建REST API,以便你可以從瀏覽器與服務器進行通信。學習關於GET和POST的知識。

學習如何在網絡上部署這個API。在一個應用程序中使用這個API。

學習如何處理數據。

到了需要處理數據的時候,是時候學習一個前端框架了。學習React。它是最流行的框架,有最多的教程,它是未來的趨勢,也更容易找到一份工作。

學習如何在React中實現之前使用JavaScript完成的所有應用程序。

學習Next.js,以幫助你使用React創建站點。

創建一些站點並部署在Vercel上。

學習如何使用數據庫。 MongoDB是一個不錯的選擇。 PostgreSQL是另一個不錯的選擇。

學習如何通過Next.js和Prisma與數據庫進行交互。

學習身份驗證。使用Next.js進行身份驗證並提供登錄後可訪問的私人頁面。

不斷創建不同的站點來練習。

不斷改進。

開始做一個你關心的項目。

這可能是一個未來人們願意付費的應用程序,也可能是一個你免費提供的東西。

只要開始。