✨ มาดูอีกหนึ่งอาชีพสำคัญสำหรับเราชาวเดฟ ที่น้อง ๆ หรือใครหลายฝันอยากจะเป็น...นั่นคือ Full Stack Developer
.
🌈 แล้วถ้าอยากทำอาชีพนี้ต้องเริ่มยังไง ต้องรู้อะไรบ้าง ? วันนี้แอดจะมาสรุปคร่าว ๆ ให้ดูกัน ซึ่งมันอาจจะมีสกิลที่ต้องใช้น้อยหรือมากกว่านี้ ขึ้นอยู่กับบริษัทนะ...หากพี่ ๆ คนไหนอยากจะเสริมสามารถคอมเมนต์ไว้ได้เลยนะคะ เอาล่ะ อย่ารอช้า...หากพร้อมแล้วไปดูกันเลย !!
.
👉 ก่อนอื่นเรามารู้จักอาชีพนี้กันก่อนว่าคืออะไร…
.
🌟 Full Stack Developer เป็นอาชีพที่สามารถทำได้ทั้ง Front-end และ Back-end นั่นเอง
.
สิ่งสำคัญที่คนอยากทำงานสายนี้ต้องรู้ มีดังนี้ !!
.
📝 พื้นฐานคือสิ่งสำคัญ !
.
สิ่งสำคัญที่ขาดไม่ได้คือพื้นฐาน HTML, CSS และ JavaScript นั่นเอง ไม่ว่าจะเป็น front หรือ back ก็ต้องรู้พื้นฐานนี้กันทั้งนั้น เมื่อพื้นฐานแน่นแล้วเราก็สามารถเลือกใช้ Framework หรือ Tools ต่าง ๆ เช่น React หรือ NodeJS เพื่อต่อยอดสกิลของเราให่เทพมากขึ้นนั่นเอง !
.
✨ ทักษะการออกแบบ
.
ปฏิเสธไม่ได้เลยว่าอีกหนึ่งทักษะที่สำคัญนั่นคือการออกแบบ...ไม่ว่าจะทำเว็บหรือแอปพลิเคชัน สกิลที่ควรมีติดไว้ คือ การใช้งาน AdobeXD และ Figma หลาย ๆ คนอาจจะสงสัยว่างานด้านนี้ Full Stack Dev ต้องทำด้วยหรอ...อันนี้มันก็แล้วแต่บริษัทนะว่าเขามีคนออกแบบแยกรึป่าว แต่แอดว่าสกิลนี้มีติดไว้ก็ดี เพราะชื่อของเราก็บอกอยู่ว่า Full Stack ก็ต้องมีสกิลหลาย ๆ ด้านยังไงล่ะ !!
.
🗂️ ฐานข้อมูล...ก็ห้ามขาด !
.
ไม่ว่าจะเป็น SQL หรือ NoSQL เป็นสิ่งสำคัญมาก ๆ ในการออกแบบแอปพลิเคชันทั้งเว็บและมือถือ เพื่อการเชื่อมต่อกับ Back-end ซึ่งฐานข้อมูลที่คนส่วนใหญ่เขาฮิตกัน...ก็มี MySQL, Oracle, และ MongoDB เป็นต้น
.
เลือก Framework หรือ Stack ที่โดนใจคุณ ❤️
.
เมื่อเราเรียนรู้พื้นฐานที่สำคัญจนครบถ้วนแล้ว ในขั้นถัดไปเราก็จะมาต่อยอดสกิลพื้นฐานนี้ โดยการเลือก Framework หรือ Tools ต่าง ๆ ที่ช่วยให้เราทำงานง่ายมากขึ้น ! ซึ่งในปัจจุบันมีให้ใช้เยอะมาก แต่ที่เขาฮิตและเป็นที่ต้องการของตลาดมาก ๆ คงหนีไม่พ้นเจ้า 3 ตัวนี้ นั่นคือ React, Vue, และ Angular นั่นเอง หรือบางทีอาจจะเรียกรวม ๆ ว่า MERN stack หรือ MEAN stack ส่วนทาง Back-end ก็มี Framework ตัวนึงที่น่าสนใจเช่นกัน คือเจ้า NodeJS, Django จาก Python , ExpressJS หรือจะเป็นทางฝั่ง .net
.
✏️ สกิลอื่น ๆ เพิ่มเติม
.
Git, SSH, Linux Command, Data structures และ Algorithms สกิลเหล่านี้ก็ขาดไม่ได้เช่นกัน มาดูกันดีกว่าว่าแต่ละตัวเป็นยังไง
.
Git - Version Control ซึ่งการทำงานจริง ๆ เราก็ต้องทำงานกับ Dev คนอื่นอีกหลายคน ซึ่งเจ้านี่จะทำให้เราสามารถควบคุมโค้ดในโปรเจกต์ เพิ่ม ลบ หรือเรียกเวอร์ชันเก่า ๆ กลับมาได้อย่างง่ายดาย แถมยังสามารถทำงานกับเพื่อนร่วมทีมได้ง่ายมากขึ้น
.
SSH - เป็นพื้นฐานสำคัญในระบบ Network ใช้เพื่อควบคุมการเชื่อมต่อในระยะไกลให้ปลอดภัย
.
Linux Command - บางทีเราอาจจะต้องเข้าไป Set ระบบ หรือควบคุมอะไรบางอย่างที่รันอยู่บนระบบ Linux ก็ต้องเรียนรู้คำสั่งพื้นฐานในการใช้งานระบบนี้ไว้บ้าง
.
Data structures และ Algorithms - เป็นวิธีในการจัดการข้อมูล หรือการแก้ไขปัญหาต่าง ๆ นี่ก็เป็นหนึ่งพื้นฐานสำคัญที่ Programmer ทุกคนควรมี ไม่ว่าจะทำงานตำแหน่งไหนก็ตาม เพื่อเพิ่มประสิทธิภาพในการพัฒนาโปรแกรมให้มากขึ้นนั่นเอง
.
📑 ขอบคุณข้อมูลดี ๆ จาก >> https://medium.com/nerd-for-tech/full-stack-developer-roadmap-2021-ebd68255563b , https://www.crampete.com/blogs/road-map-to-full-stack-web-development/
.
หวังว่าจะเป็นประโยชน์กับเพื่อน ๆ น้าาาา หากใครมีอะไรเพิ่มเติมสามารถเมนต์ไว้ด้านล่างได้เลยจ้า
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#fullstackdeveloper #developers #programmer #frontend #backend #BorntoDev
「django frontend framework」的推薦目錄:
- 關於django frontend framework 在 BorntoDev Facebook 的最讚貼文
- 關於django frontend framework 在 BorntoDev Facebook 的精選貼文
- 關於django frontend framework 在 工研院科技學習 讚 Facebook 的最讚貼文
- 關於django frontend framework 在 What is the "best" way to build a Django Webapp frontend? 的評價
- 關於django frontend framework 在 adamghill/django-unicorn: The magical reactive ... - GitHub 的評價
- 關於django frontend framework 在 How to develop front end (UI) for my Django website 的評價
- 關於django frontend framework 在 Sprint 1: Deciding on a Python framework - SD-Group-11/ml ... 的評價
django frontend framework 在 BorntoDev Facebook 的精選貼文
🔥 ถามมากันเยอะ ว่าอยากทำเว็บแบบนั้น แบบนี้ต้องรู้อะไรบ้าง !? วันนี้แอดจะมาบอกแนวทางการเรียนรู้ไปพร้อมกันน <3
.
โดยจะต้องบอกคร่าว ๆ ก่อนว่า "ไม่ว่าเราจะทำเว็บอะไร แบบไหนก็แล้วแต่ ล้วนต้องมีพื้นฐานมาก่อนเหมือนกันทั้งสิ้น !!"
.
คล้าย ๆ กับการเรียนภาษาอังกฤษนั่นแหละ ถ้าเราเริ่มต้นเราก็อาจจะต้องเริ่มจากตัวอักษรภาษาอังกฤษ การใช้ Tense ต่าง ๆ ของเว็บก็มีเช่นกัน โดย Basic ของเว็บจะมีเรื่อง
.
✅ HTML
เป็นโครงหลักของเว็บไซต์ทั่วไป โดยหน้าตาของภาษา HTML นั้นจะเป็นการใช้ tag ที่เริ่มต้นด้วย <> แล้วปิดด้วย > เพื่อสร้างชิ้นส่วนต่างๆในหน้าเว็บเรียกว่า Element
.
✅ CSS
CSS นั้นเป็นสิ่งที่ช่วยเพิ่มความสวยงามให้กับหน้าตาของเว็บ เราสามารถปรับแต่งหน้าตาของเว็บได้จาก CSS ไม่ว่าจะเป็นสี รูป ไปจนถึงตำแหน่งของสิ่งต่างๆ หรือแม้แต่การทำ animation ก็สามารถทำได้
.
✅ JavaScript
JavaScript นั้นเป็นส่วนที่เพิ่มความสามารถให้กับเว็บของเราเป็นอย่างมาก ทำให้ส่วนต่างๆของเว็บสามารถทำงานได้ตามที่เราต้องการ
.
และ เมือเรารู้พื้นฐานตรงนี้แล้ว เราจะมีเส้นทาง 2 ทางหลักให้เลือก โดยมีทางที่ชื่อว่าสาย Front-End และ Back-End ส่วนถ้าใครชอบทั้งคู่ จนไปครบจบกระบวนการที่เว็บควรมีเราจะเรียกว่า Full-Stack นั่นเอง
.
⭐️ โดยเริ่มจาก Fornt-End กันก่อน
มันเป็นส่วนหน้าตาการแสดงผลของเว็บไซต์ ที่ผู้ใช้งาน(Client)มองเห็นทั้งหมดไม่ว่าจะเป็น ตัวหนังสือ ปุ่ม หรือแถบเมนูต่างๆ ทุกๆส่วนที่ผู้ใช้เห็นและมีปฏิสัมพันธ์ด้วยนับว่าอยู่ใน Frontend ทั้งหมด ซึ่งภาษาที่ใช้ในฝั่ง Frontend ก็คือ HTML, CSS และ JavaScript
.
✅ Framework
สิ่งอำนวยความสะดวกในการเขียนโปรแกรม ซึ่งประกอบด้วยชุดคำสั่งหรือองค์ประกอบต่างๆ ให้เราสามารถนำมาใช้ได้ง่ายๆ โดยไม่ต้องเขียนเองทั้งหมด
.
Js CSS
Angular Bootstrap
Vue.js Materialize
React Semantic UI
Backbone.js Bulma
.
⭐️ ตามมาด้วย Back-End กันต่อ
ส่วนการทำงานประมวลผล และ จัดเก็บข้อมูลของเว็บไซต์ เพื่อทำให้ส่วนของ Frontend สามารถทำงานได้อย่างถูกต้องสมบูรณ์
.
✅ Programming language
เราจะต้องใช้ภาษาโปรแกรมมิ่งในส่วนของการทำงานใน Backend เช่น เมื่อรับข้อมูลสินค้าที่ผู้ใช้เลือกมาจาก Frontend, Backend ก็จะนำมาคำนวนโปรโมชั่นแล้วนำมาหักลบกับเงินในบัญชีจากนั้นเก็บข้อมูลใน Database เป็นต้น
.
PHP
Python
C#
Java
JavaScript
Ruby
.
✅ Framework
สิ่งอำนวยความสะดวกในการเขียนโปรแกรม ซึ่งประกอบด้วยชุดคำสั่งหรือองค์ประกอบต่างๆ ให้เราสามารถนำมาใช้ได้ง่ายๆ โดยไม่ต้องเขียนเองทั้งหมด
Django
Express.js
Flask
Laravel
Ruby on Rails
ASP.NET
.
⭐️ส่วนสำคัญอื่นๆ
นอกจากส่วนของการแสดงผลและการติดต่อกับผู้ใช้อย่าง Frontend และ ส่วนของการทำงานด้านหลังของระบบอย่าง Backend แล้ว การเขียนเว็บยังมีส่วนที่สำคัญที่ขาดไปไม่ได้ เช่น ส่วนของการรับส่งข้อมูล
.
✅ API
Application Programming Interface เป็นช่องทางในการเข้าถึงข้อมูลต่างๆ ของเว็บไซต์ ไม่ว่าจะเป็นการอ่านเขียนข้อมูลจากฐานข้อมูลจาก server ไปจนถึงข้อมูลจากภายนอก
.
✅ WebSocket
วิธีการติดต่อเพื่อรับส่งข้อมูลแบบระหว่าง Client กับ Server โดยแต่ละฝั่งสามารถส่งข้อมูลไปหาอีกฝั่งตอนไหนก็ได้ เหมาะสำหรับรับส่งข้อมูลแบบ real-time
.
"ทั้งหมดนี้ก็เป็นเส้นทาง Path คร่าว ๆ ของสายเว็บ หากใครชอบของสวย ๆ งาม ๆ ก็อาจจะทำส่วนหน้าบ้าน ใครชอบ Logic จัด ๆ มาหลังบ้านก็สนุกไม่น้อยนะแอดว่าาา <3"
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
django frontend framework 在 工研院科技學習 讚 Facebook 的最讚貼文
開發專屬網站【顧客管理❤數據分析❤精準行銷】
Python+Django系統開發【降低開發成本★提升系統安全★提高開發效率】
♥有時間壓力的完美主義者最適合的框架(The web framework for perfectionists with deadlines )♥超乎想像的速度♥再三保證的安全♥超級卓越的延展性
【108/5/18-6/23 Python+Django動態網頁程式設計師】全新課程!!
雲端技術穩定成長,學習更向「全端」靠攏
64小時-專業全端工程師完整培訓
★前端+後端工程 (Frontend, Backend Engineering)
★打造您成為專業全端工程師 (Full Stack Engineer)
★依需求進行網站系統開發,可省下龐大的委外開發費用
詳細內容務請參閱: https://college.itri.org.tw/edm/D3/004/EDM.html
django frontend framework 在 adamghill/django-unicorn: The magical reactive ... - GitHub 的推薦與評價
Unicorn is a reactive component framework that progressively enhances a normal Django view, makes AJAX calls in the background, and dynamically updates the DOM. ... <看更多>
django frontend framework 在 How to develop front end (UI) for my Django website 的推薦與評價
How to develop front end (UI) for my Django website · web-development python web-framework django front-end. I am learning Django and new to web development. ... <看更多>
django frontend framework 在 What is the "best" way to build a Django Webapp frontend? 的推薦與評價
... <看更多>
相關內容