在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進行身份驗證並提供登錄後可訪問的私人頁面。
不斷創建不同的站點來練習。
不斷改進。
開始做一個你關心的項目。
這可能是一個未來人們願意付費的應用程序,也可能是一個你免費提供的東西。
只要開始。