【尋找一起打天下的夥伴】
從最開始的 F4,到杉菜加入,現在我們要尋找第六個想到世界舞台上和頂尖軟體公司對決的夥伴。按照航海王的順序,現在上船的人就是羅賓,不過佛朗基也可以,我們辦公室現在有喝不完的可樂。如果有看到任何適合的人,希望能幫我們介紹 🌊
Fullstack Engineer
## 必要條件
- Full Stack 開發經驗
- 熟悉 Node.js
- 熟悉 Express.js
- 熟悉現代前端框架 React.js
- 熟悉 HTML5 (Semantic Web), CSS3
- 具有 Git 相關版控工具使用經驗
- 對於學習新技術充滿熱情,並且喜歡與人合作,分享自己的經驗,成為團隊成長的催化劑
## 加分條件
- 使用 Vim 或 Emacs 等編輯器
- 可以與我們分享你日常工作的快捷鍵,使用越少滑鼠越好
- 使用機械鍵盤
- 盲打速度每分鐘 60 以上英文單字
- 有實踐網頁速度最佳化的過程
有 SEO 實務上的開發經驗
- 熟悉各類攻擊網站技術
- 熟悉 single page application (SPA) 以及 server-side rendering (SSR)
- 熟悉 GraphQL
- 熟悉 React Native
- 熟悉 Express/Koa
- 對 UI/UX 敏感度佳
- 有撰寫 Testing 經驗
- 熟悉 CI/CD 概念
- 喜歡聽 Podcast
- 喜歡漫畫(火鳳燎原、排球少年、進擊的巨人、獵魔戰記、炎拳、暗殺教室)
- 喜歡諧音笑話
- 你認為技術很重要,然而技術是為了服務用戶
「semantic ui react」的推薦目錄:
- 關於semantic ui react 在 Firstory Facebook 的最佳貼文
- 關於semantic ui react 在 BorntoDev Facebook 的精選貼文
- 關於semantic ui react 在 軟體開發學習資訊分享 Facebook 的精選貼文
- 關於semantic ui react 在 The official Semantic-UI-React integration - GitHub 的評價
- 關於semantic ui react 在 How to have dimmed content on Semantic UI React (NextJS) 的評價
- 關於semantic ui react 在 Creating a React App with Semantic UI in 2019 (Finally) 的評價
- 關於semantic ui react 在 Github repository for my examples that combine React ... 的評價
semantic ui react 在 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
semantic ui react 在 軟體開發學習資訊分享 Facebook 的精選貼文
使用 React、 Redux、 Firebase 5 和 Semantic UI React 建立一個完整、全端的聊天應用程式。
https://softnshare.com/build-a-slack-chat-app-with-react-redux-and-firebase/
semantic ui react 在 Creating a React App with Semantic UI in 2019 (Finally) 的推薦與評價
Installing Semantic UI React Integration (with Default Theme). The official site for Semantic UI's React integration is found here. Now the ... ... <看更多>
semantic ui react 在 The official Semantic-UI-React integration - GitHub 的推薦與評價
Can I use a custom CSS theme? ... <看更多>