我寫了一本關於JavaScript的書，還寫了一本關於Python的書，人們經常問我一個問題，該從哪個開始？ 它們都非常適合初學者，並且非常受歡迎。 它們的區別在於你可以用它們做什麼。 它們都是動態且通用的程式語言，但JavaScript在瀏覽器中運行的優勢巨大，所以它在前端開發中被廣泛使用。 Python在數據科學和機器學習的應用中表現出色，有許多針對該領域開發的套件，所以你可以根據這一點來做出決定。 如果你猶豫不決無法做出決定，我建議你學校教授的那種語言，或者是你想要開發的項目所使用的語言。或者是你想要工作的公司所使用的語言。 如果你還是猶豫不決，那就由我來幫你選擇。我會推薦JavaScript，因為我認為它更加靈活，而且可以在瀏覽器中運行這一事實是一個巨大的優勢。
React視圖庫介紹 什麼是React？ React是一個旨在簡化視覺界面開發的JavaScript庫。 它是在Facebook開發並於2013年釋出的，是一些最廣泛使用的應用程序的引擎，為Facebook和Instagram等眾多應用程序提供動力。 它的主要目標是通過將UI分成一系列組件，使得在任何時間點都可以輕松理解界面及其狀態。 React為什麼如此受歡迎？ React在前端Web開發領域引起了轟動。為什麼？ 比其他替代方案更簡單 在React宣布時，Ember.js和Angular 1.x是主要的框架選擇。這兩個框架對代碼施加了許多約定，因此不方便移植現有應用程序。React選擇非常容易集成到現有項目中，因為這是Facebook在將其引入現有代碼庫時所必須做的。此外，這兩個框架提供了太多內容，而React只選擇實現了View層而不是完整的MVC堆棧。 完美的時機 當時，Google宣布了Angular 2.x，隨之而來的是不向後兼容的重大更改。從Angular 1轉到Angular 2就像轉到不同的框架，因此這個因素，再加上React承諾的執行速度改進，使得開發人員渴望嘗試它。 得到Facebook的支持 如果React成為成功的項目，得到Facebook的支持顯然是一個好處。 Facebook目前對React非常感興趣，認為它的開源價值，對於所有在自己項目中使用React的開發人員來說，這是一個巨大的加分點。 React學習起來簡單嗎？ 雖然我說React比替代框架更簡單，但深入研究React仍然很複雜，主要是因為可以與React集成的相關技術，如Redux和GraphQL。 React本身具有非常小的API，你只需要理解4個概念就可以入門： 組件 JSX 狀態 屬性
如果您從未建立過Vue.js應用程式，我將帶您透過建立一個Vue應用程式的任務，並了解其運作方式。我們即將建立的應用程式已經完成，並且這是Vue CLI的預設應用程式。 第一個範例 在Codepen上查看 第二個範例：Vue CLI的預設應用程式 本地使用Vue CLI 使用CodeSandbox 文件結構 index.html src/main.js src/App.vue src/components/HelloWorld.vue 運行應用程式 如果您從未建立過Vue.js應用程式，我將帶您透過建立一個Vue應用程式的任務，並了解其運作方式。 第一個範例 首先，我們將使用最基本的Vue範例。 您需要建立一個包含以下內容的HTML檔案： <html> <body> <div id="example"> <p>{{ hello }}</p> </div> <script src="https://unpkg.com/vue"></script> <script> new Vue({ el: '#example', data: { hello: 'Hello World!' } }) </script> </body> </html> 然後在瀏覽器中打開它。這就是您的第一個Vue應用程式！該頁面應該顯示一個“Hello World！”的訊息。 我將腳本標籤放在body的末尾，以便在DOM加載後按順序執行。 這段程式碼的作用是，我們實例化了一個新的Vue應用程式，將其連結到#example元素作為其模板（通常使用CSS選擇器來定義，但也可以傳遞HTMLElement）。 然後，它將該模板與data對象關聯。data是一個特殊的對象，用於存放我們希望Vue渲染的數據。 在模板中，特殊的{{ }}標記表示它是模板中的某一部分是動態生成的，其內容應從Vue應用程式數據中查找。 在Codepen上查看 您可以在Codepen上查看此範例： https://codepen.io/flaviocopes/pen/YLoLOp 碼筆與使用普通HTML檔案的方法有些不同，您需要在Pen設定中配置它以指向Vue庫的位置： 第二個範例：Vue CLI的預設應用程式 讓我們提升一點等級。我們即將建立的下一個應用程式是已經完成的Vue CLI預設應用程式。 什麼是Vue CLI？它是一個命令行工具，可以通過為您搭建應用程式框架並提供樣例應用程式來加快開發速度。 您可以通過兩種方式獲取此應用程式。 本地使用Vue CLI 第一種方式是在您的電腦上安裝Vue CLI，然後運行以下命令： vue create <enter the app name> 使用CodeSandbox 第二種方式是前往https://codesandbox....
可以在通勤或無法使用鍵盤時聆聽的幾個不錯的播客節目 我是一個快樂的播客聽眾。我喜歡在遛狗一小時、獨自徒步旅行或開車時聽播客節目。 這不僅是學習新事物的好途徑，也是聆聽故事和開拓視野的方式。 我有一個我聽的播客節目清單，但我不想煩擾你。相反，我想列出我認為最適合前端開發人員的播客節目。 如果你想擴展播客節目收藏夾，這是一個好地方！ 前端開發人員播客 Developer Tea egghead.io開發者聊天 前端 Happy Hour The freeCodeCamp Podcast The Frontside Podcast Full Stack Radio JavaScript Jabber JS Party Ladybug Podcast Modern Web Syntax Toolsday Web of Tomorrow 不僅適合前端開發人員，也適合一般用戶 Away from Keyboard Coding blocks 編寫疲勞 Laracasts片段 NodeUp ShopTalk Under the Radar 每集都有開發人員或新主持人的故事 The 6 Figure Developer CodeNewbie 軟體定義存活 The Big Web Show Developer on Fire 祝你享受！（如果我錯過了其他好節目，請在Twitter上告訴我！）