✨ มาดูอีกหนึ่งอาชีพสำคัญสำหรับเราชาวเดฟ ที่น้อง ๆ หรือใครหลายฝันอยากจะเป็น...นั่นคือ 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
同時也有1部Youtube影片,追蹤數超過2萬的網紅Untyped 對啊我是工程師,也在其Youtube影片中提到,沒想到我那麼快就回來了!!那就繼續一開始的任務吧~用輕鬆簡單的方式推廣軟體工程👩🏻💻 對於軟體工程師,很常聽到前端後端全端,也很常被問到,但是對於大部分的人來說,它們卻是陌生的詞彙!今天就用淺顯易懂的方式,舉些生活化的餐廳例子來講解什麼是前端後端全端,並且聊聊如何知道自己適合走哪端~ 影片內容講...
「front end web development」的推薦目錄:
- 關於front end web development 在 BorntoDev Facebook 的最佳解答
- 關於front end web development 在 BorntoDev Facebook 的最佳貼文
- 關於front end web development 在 BorntoDev Facebook 的最讚貼文
- 關於front end web development 在 Untyped 對啊我是工程師 Youtube 的最佳解答
- 關於front end web development 在 Front-End and Back-End Developer Certificates - Facebook 的評價
- 關於front end web development 在 Five tips for front-end web development 的評價
front end web development 在 BorntoDev Facebook 的最佳貼文
ไหนใครทีม PHP บ้างง แสดงตัวหน่อยยย 🖐
.
✨ ในปัจจุบันมีภาษาในการเขียนโปรแกรมมากมาย ไม่ว่าจะเป็น Python หรือ JavaScript ที่มีความสามารถมากมาย ทำงานได้หลากหลายไม่ว่าจะเป็นเว็บทั้งฝั่ง Front-end และ Back-end หรือจะเป็นงานสาย Data, AI หรือ Machine Learning ก็ตาม
.
🔸 ซึ่งเจ้า PHP ก็ยังคงเป็นภาษาที่ใช้พัฒนา Web Application ที่ดีอยู่น้าาา อย่าว่าน้อนว่าไม่ดีเลย..
.
จริง ๆ แล้ว PHP เป็นภาษาที่พื้นฐานมาก เรียนรู้ง่ายพอ ๆ กับ C เลยด้วยซ้ำ เว็บบางเว็บก็ยังใช้ภาษานี้ในการพัฒนาอยู่นะ สมัยแอดเป็นนักศึกษาก็ใช้ภาษานี้แหละเขียนเว็บส่งอาจารย์ บอกเลยว่าจบมาได้ก็เจ้านี่แหละ 😂
.
⭐ ปัจจุบันพัฒนาไปถึงเวอร์ชัน 8.0.6 แล้วนะ อีกทั้งยังมี Framework เจ๋ง ๆ อีกมากมาย ไม่ว่าจะเป็น Laravel, Symfony, Phalcon และอีกมากมาย ไว้วันหลังแอดจะมารวบรวมให้นะ
.
✨ ข้อดีของ PHP
1) เป็น Open-Source นำไปพัฒนาโปรเจกต์ได้ฟรี ๆ อีกทั้งยังมีการพัฒนาของเวอร์ชันอยู่ตลอด ไม่จมไม่หายแน่นอน !
2) ทำงานบน Server ได้ดีเลย ซึ่งมันสามารถทำงานได้กับ CPU อีกทั้งยังสามารถอ่านโค้ดได้อย่างรวดเร็ว รันบน Server ของ Windows หรือ Linux ก็ได้
3) เรียนรู้ได้ง่าย มี Community ที่ใหญ่ และเอกสารต่าง ๆ ให้อ่านมากมาย บอกเลยว่ามือใหม่ไม่ต้องกังวลเลยจ้า
4) ใช้งานร่วมกับฐานข้อมูลได้หลากหลาย ไม่ว่าจะเป็น MySQL, MSSQL, SQLite, และ PostgreSQL เป็นต้น
5) มีบริการเว็บ Hosting ที่ราคาถูก ลดเวลาและเงินสำหรับการพัฒนา
6) ยืดหยุ่น สามารถทำงานร่วมกับภาษาอื่น ๆ ได้ดีและมีประสิทธิภาพ เช่น JavaScript ทำงานในระบบปฏิบัติการอะไรก็ได้ เช่น UNIX, Linux และ windows เป็นต้น
.
👉 แต่ๆๆ ..ข้อจำกัดหลัก ๆ ของ PHP ที่เขาพูดถึงกัน นั่นก็คือเรื่องความปลอดภัยนั่นเอง ถ้าทำเว็บธรรมดาอาจจะไม่ต้องกังวลอะไร แต่ถ้าหากเป็นเว็บที่เกี่ยวกับเรื่องเงิน ๆ ทอง ๆ นั่นแหละควรจะระวังจุดนี้เป็นพิเศษ เพราะด้วยความที่เป็น Open-Source ที่สามารถเข้ารหัสและดูข้อมูลได้ง่าย ซึ่งมันอาจจะเป็นจุดบกพร่องที่ทำให้พวกแฮกเกอร์สามารถมาโจรกรรมข้อมูลได้
.
แต่ก็นั่นแหละนะ ไม่ว่าภาษาไหนก็อันตรายทั้งนั้นหากเราเขียนและจัดการได้ไม่ดี..
.
แล้วเพื่อน ๆ ล่ะคิดยังไงกับภาษานี้กันบ้าง ??
.
💥 Source : https://sapient.pro/blog/pros-and-cons-of-php-web-development/ , https://www.geeksforgeeks.org/advantages-and-disadvantages-of-php/
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
front end web development 在 BorntoDev Facebook 的最讚貼文
🔥 "เริ่มต้นเส้นทาง Full Stack Ethereum Dev ต้องรู้อะไรบ้าง ?"
.
⚡ ถ้าไม่นับตลาดเหรียญคริปโต และ DeFi ที่กำลังเดือดในตอนนี้ การหาคนมาทำงานในสายนี้ก็เดือดไม่แพ้กัน ! ว่าแต่เราจะต้องรู้อะไรบ้างถ้าต้องเป็น Dev สายนี้ มาลองดูกันได้เลย !!
.
🌎 Ethereum Development Environment
เมื่อเราต้องการสร้างสิ่งที่เรียกว่า Smart Contract เราจะต้องรู้วิธีการ Deploy, Run Test รวมถึง Debug บนภาษา Solidity ด้วย ซึ่งตรงนี้เราจะต้องรู้วิธีการทดสอบบน Test ที่ไม่ใช่ Live Production เพื่อป้องกันความเสียหายด้วยนั่นเอง
.
🖥️ Ethereum Web Client Library
แน่นอนว่าการทำรูปแบบ Full Stack นั้นฝั่ง Client เราก็ต้องพัฒนาด้วย โดยในที่นี่เราจะใช้เพื่อให้สามารถอ่าน และ ส่ง Transaction ได้นั่นเอง ซึ่งจะมีตัวที่ชื่อว่า ether.js ที่เป็น library ในการจัดการกับ Ethereum Blockchain ฝั่ง Client โดยเฉพาะ (หรือจะใช้ web3.js ก็ได้นะ !)
.
📜 Metamask
ถ้าเราต้องการที่จะจัดการเชื่อมต่อระหว่างบัญชีผู้ใช้งานของ User คนนึง ก็ต้องมีตัวกลางในการจัดการ ดังนั้นเครื่องมือตัวนี้จะช่วยให้เราจัดการ Key และ Account ได้สบาย ๆ นั่นเอง โดยใครที่เป็น User ของ Metamask มีกระเป๋าตังอยู่แล้วก็น่าจะรู้จักกันดี ลองไปดูใน API ที่เปิดให้ใช้ได้เลย
.
💙 React
พระเอกหลักฝั่ง Front-End ของเรานั่นเอง ซึ่งเราจะต้องรู้พื้นฐานตรงนี้ และต่อด้วยเครื่องมืออื่น ๆ เช่น Next.js, Gatsby, Redwood หรือ Blitz.js เพื่อให้ทำงานเข้ากันได้อย่างลงตัวนั่นเอง
.
📊 The Graph
สำหรับตัวอย่างแอปบน blockchain อย่าง Ethereum ลองคิดเล่น ๆ ดูว่าการอ่านข้อมูลจำนวนมากโดยตรง เมื่อเวลาผ่านไปคงจะใช้เวลานานมากขนาดไหนกัน ? การเข้าใจเรื่องนี้จะช่วยให้เราทำ Index Protocol เพื่อ Query ข้อมูลจาก Blockchain ได้ง่ายยิ่งขึ้นนั่นเอง !
.
✏️ Fundamentals พื้นฐานนั้นสำคัญจริง ๆ (แถม)
คือออ หลายคนอยากกระโดดมาเป็น Full Stack Blockchain Dev เลยตรงนี้อยากแนะนำไว้นิดนึงว่าเราควรมีพื้นฐานความเข้าใจของ Programming / Computer Science ให้ดีก่อน แล้วค่อยต่อยอดมาพื้นฐานการทำงาน Blockchain (รวมถึง Ethereum) เพื่อให้เราไม่ขาดความรู้ตรงไหนไป ทำให้ส่งผลเสียต่องานเราในอนาคตจ้า !!
.
💚 หากใครอยากเรียนตั้งแต่พื้นฐาน freeCodeCamp.org
เขาก็มีสอนนะ ! ไปตามกันได้เลยใน "The Complete Guide to Full Stack Ethereum Development" เข้าเรียน เข้าอ่านได้ฟรี !
.
💥 Source : https://www.freecodecamp.org/news/full-stack-ethereum-development/
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
front end web development 在 Untyped 對啊我是工程師 Youtube 的最佳解答
沒想到我那麼快就回來了!!那就繼續一開始的任務吧~用輕鬆簡單的方式推廣軟體工程👩🏻💻
對於軟體工程師,很常聽到前端後端全端,也很常被問到,但是對於大部分的人來說,它們卻是陌生的詞彙!今天就用淺顯易懂的方式,舉些生活化的餐廳例子來講解什麼是前端後端全端,並且聊聊如何知道自己適合走哪端~
影片內容講求的是讓大眾能夠迅速了解增加新知,所以如果覺得我講得太簡單,想要多補充更正內容的,都歡迎在影片下方留言唷!
📢 📣 📢 本頻道影片內容有輸出成 podcast 📢 📣 📢
可以在各大podcast平台搜尋「Untyped 對啊我是工程師」
請大家多多支持唷!!🙏🏻💁🏻♀️
這集會聊到...
Overview 💬
🔹 自導自演鬧劇
🔹 什麼是前端
🔹 什麼是後端
🔹 什麼是全端
🔹 前端 後端 全端 哪個比較好?
🔹 怎麼知道自己適合走哪端?
【軟體工程/電腦科學/程式設計 學習資源】
全端工程師密技 Full Stack Eng - Career Path (Codecademy)
https://bit.ly/3niTwLN
前端工程師密技 Front End Eng - Career Path (Codecademy)
https://bit.ly/32K1eql
用Scala學習函式程式設計
https://bit.ly/2IF0Thv
Scala 函数式程式設計原理
https://bit.ly/3kBQXTb
平行程式設計
https://bit.ly/3pCeaZf
Android 應用程式開發 專項課程
https://bit.ly/3lGCUwW
普林斯頓大學 電腦科學 演算法 基礎理論
https://bit.ly/3nxomAh
Go 語言學起來
https://bit.ly/35AWhlv
Parallel, Concurrent, and Distributed Programming in Java 專項課程
https://bit.ly/2IGnlH4
Java 軟體工程基礎課程
https://bit.ly/3fa4gJi
全端開發 跨平台手機app 開發 完整課程
https://bit.ly/2UCGWum
#前端後端 #工程師百百種
一定要看到影片最後面並且在「YouTube影片下方」按讚留言訂閱分享唷!
-
每隔週星期四晚上9點更新,請記得開啟YouTube🔔通知!
-
【愛屋及烏】
YouTube 👉 https://www.youtube.com/c/Untyped對啊我是工程師
Podcast 👉 https://open.spotify.com/show/3L5GRMXmq1MRsliQt43oi2?si=3zgvfHlETeuGfp9rIvwTdw
Facebook 臉書粉專 👉 https://www.facebook.com/untyped/
Instagram 👉 https://www.instagram.com/untypedcoding/
合作邀約 👉 untypedcoding@gmail.com
-
Untyped 對啊我是工程師 - There are so many data types in the world of computer science, so are the people who write the code. We aim to UNTYPE the stereotype of engineers and of how coding is only for a certain type of people.
凱心琳: 一個喜歡電腦科學邏輯推理,在科技圈努力為性別平等奮鬥的工程師。
圖片影片音效:[giphy.com] [pngwave.com][pexel.com]
【Disclaimer 聲明】
Some links are affiliated.
上面有些連結是回饋連結,如果你透過這些連結購買商品,我可以得到一些小獎勵,但不會影響到你購買的價格,甚至會是更低的價格!謝謝你的支持💕
front end web development 在 Five tips for front-end web development 的推薦與評價
Five tips for front-end web development · Commenting · Invest In Productive Tools. · Always Be Curious. · Refactor Your Code From Time To Time. · Automate! ... <看更多>
front end web development 在 Front-End and Back-End Developer Certificates - Facebook 的推薦與評價
Front -End Developers focus on the design, look and feel of a website. ... Learn to code and gain web development skills with free courses you can learn at ... ... <看更多>