🔥 หากวันนึงคอมเสียแล้วจำเป็นต้องแก้โค้ด ณ. จุดนั้น หรือไม่อยากติดตั้งโปรแกรมให้วุ่นวาย วันนี้แอดมีของดีมาแนะนำกับ
.
🌍 "เครื่องมือให้เราเขียนโค้ด แสดงผลการทำงานแบบฟรี ๆ ผ่าน Web Browser"
.
ซึ่งแต่ละเจ้าก็มีข้อดี จุดเด่นที่แตกต่างกันออกไป เหมาะสุด ๆ ทั้งงานเฉพาะกิจ และ น้อง ๆ ที่ยังไม่อยากซื้อคอมใหม่มาเขียนโค้ด เอาเป็นว่างั้นแอดขอไม่พูดมาก มาดูพร้อม ๆ กันเลย
.
1. codesandbox.io
"ใช้งานได้ง่ายหมือน VS Code, เขียน React ก็ได้ เชื่อมกับ GitHub ก็ยังได้ มี NPM Package ให้ใช้อีก "บอกเลยว่าใครต้องการพัฒนาเว็บ หรือ ฝั่ง JS ใช้เว็บนี้ตัวเดียวจบจ้า แถมตัวฟรียังแทบไม่จำกัดฟีเจอร์หลักด้วย
📌 เข้าใช้งานได้เลยที่ https://codesandbox.io/pricing
.
2. W3Schools Online Code Editor
"จะดีแค่ไหน ถ้าเป็นได้ทั้ง Code Editor และ Tutorial ที่สอนวิธีการเขียนโค้ดไปด้วยกัน" กับ W3School ที่สอนทุกคนทำ HTML, CSS และ JavaScript ออนไลน์เห็นภาพจริงเมื่อสั่งทำงาน !
📌 เข้าใช้งานได้เลยที่ https://www.w3schools.com/tryit/
.
3. CodePen
"ให้การเขียนโค้ด HTML CSS และ JavaScript ของเรา เป็นวิทยาทานแด่ผู้คนทั่วโลก !"
เพราะทุกโค้ดสุดเจ๋งที่เรานำมาทดสอบ สามารถแชร์ไอเดียเหล่านี้ให้เพื่อนดูได้แถวยังดูไอเดียจากเพื่อน ๆ ได้อีกด้วย
📌 เข้าใช้งานได้เลยที่ https://codepen.io/
.
4. Play Code
"จะ jQuery, React, Vue หรือ JS ตัวไหนก็ไม่กลัว" เพราะ Play Code สามารถให้เรารันงานเหล่านี้ได้ง่ายจัด ๆ" ทดสอบได้ผ่านหน้าเว็บรูปแบบออนไลน์ได้เลยไม่ต้องติดตังโปรแกรมให้วุ่นวาย !
.
5. Repl.it
"มี 55 ภาษาให้เลือกเขียน โหดกว่านี้ไมมีอีกแล้ว" สำหรับใครที่ชอบ Python, C, C++,C#, Kotlin, Java และอีกกว่า 50 ภาษาต้องห้ามพลาด แถมยังมีระบบให้แชร์งาน หรือ ทำโจทย์ร่วมกับชาวบ้านอีกด้วยนะ !
📌 เข้าใช้งานได้เลยที่ https://repl.it/
.
6. Dev Lab 3
"Code Editor รูปแบบออนไลน์ที่ช่วยให้คุณได้มาฝึกสกิล พัฒนาทักษะ Algorithm แบบฟรี ๆ" เหมาะสำหรับท่านที่อยากลองของ หรือ อยากอัพสกิลด้านเขียนโปรแกรมให้เก่งยิ่งขึ้น แก้ปัญหาเขียนโค้ดไม่ออกกับเว็บนี้ได้เลย
📌 เข้าใช้งานได้เลยที่ https://www.borntodev.com/intro-devlab-3-pro/
.
ซึ่งทั้งหมดนี้เป็นเว็บไซต์ที่ให้เราเขียนโค้ดรูปแบบออนไลน์ได้ และ บางเว็บมีโจทย์ให้ลองทำกันแบบฟรี ๆ ด้วย เอาไว้อัพทักษะกันได้เลย <3
.
หากเพื่อน ๆ มีเว็บไหนที่อยากแนะนำพิมพ์ไว้ด้านล่างได้เลยคร้าบผม :D
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有1部Youtube影片,追蹤數超過7萬的網紅在地上滾的工程師 Nic,也在其Youtube影片中提到,這次想和你聊聊,關於技術深度和廣度的想法,因應每個人的際遇與選擇不同,最終也會長出截然不同的技能樹,但最重要的是,如何一步一步檢視自己的當前是否在自己所設立的目標方向上 希望透過這支影片和你分享我的看法,也歡迎留言和我分享你的近況和想法囉 喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘 ━━...
vue vs react 在 軟體開發學習資訊分享 Facebook 的最讚貼文
今天的開源報報
今日內容摘要
✅ 一步一步理解 Docker ,初學者的學習指南
✅ 使用 Go 實現一個 Docker :透過艱苦的方式學習容器以及運作的原理
✅ 如何學習程式設計的 OKRs 目標管理
✅ 用於在 QEMU 中設定簡單 macOS VM 的文件說明
✅ 在歷史版本的瀏覽器瀏覽現代的網頁的瀏覽器服務
✅ 自動揭露專案程式庫可用程式碼片段的 VS Code 外掛
✅ 簡單,隱私權友善可取代 Google Analytics
✅ 專門為 vue 打造的開發利器,其目的是使 vue 專案的開發更加簡單和快速
✅ 支援 React/Vue 的開源網頁心智地圖核心
✅ 使用 MERN 堆疊仿製一個 Instagram
✅ 在 NodeJS / Go 中使用 p2p 網路快速建構微服務
✅ 一個視覺化 React 應用程式的結構和狀態流的元件
✅ 使用 Julia 程式語言做 Deepmind 的 AlphaZero 演算法的通用、簡單、快速實現
✅ 互動式機器學習實驗,模型訓練和模型展示
✅ 允許你不需要使用命令列工具修改 nginx 配置檔案的 Nginx 使用者介面工具
✅ Android 滲透測試學習材料與資源
✅ 一個 iOS 的剪貼簿管理器,可以在後台無限期地監控你的剪貼簿—- 不需要越獄
✅ 一個交通模擬遊戲,探索道路的微小變化是如何影響騎腳踏車者、交通使用者、行人和司機的行為
https://softnshare.com/opensource-news-153/
vue vs react 在 在地上滾的工程師 Nic Youtube 的最佳貼文
這次想和你聊聊,關於技術深度和廣度的想法,因應每個人的際遇與選擇不同,最終也會長出截然不同的技能樹,但最重要的是,如何一步一步檢視自己的當前是否在自己所設立的目標方向上
希望透過這支影片和你分享我的看法,也歡迎留言和我分享你的近況和想法囉
喜歡影片的話!可以幫忙點個喜歡以及分享、訂閱唷!😘
━━━━━━━━━━━━━━━━
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
🌟 任何問題或合作邀約信箱: niclin0226@gmail.com
#前端 #後端 #工程師 #software #engineer
vue vs react 在 [翻釋]2021最值得學習的前端框架:React vs Angular vs Vue 的推薦與評價
這篇文章是一個全面的指南,告訴你哪個才是最適合你的解決方案: Angular vs React vs Vue。 ... <看更多>