從 0 到 1 的一個完整專案實戰，採用技術框架：Java Spring Boot 框架 (後端) + Semantic UI (前端) + MySQL(資料庫) + Idea (開發工具)
https://softnshare.com/springboot/
semantic ui 在 軟體開發學習資訊分享 Facebook 的最讚貼文
「semantic ui」的推薦目錄：
- 關於semantic ui 在 軟體開發學習資訊分享 Facebook 的最讚貼文
- 關於semantic ui 在 Firstory Facebook 的最佳貼文
- 關於semantic ui 在 BorntoDev Facebook 的最佳解答
- 關於semantic ui 在 Semantic-UI - GitHub 的評價
- 關於semantic ui 在 Introduction Semantic-UI-Ember This is the official Ember ... 的評價
- 關於semantic ui 在 Get form values in semantic-ui-react - Stack Overflow 的評價
- 關於semantic ui 在 semantic-ui CDN by jsDelivr - A CDN for npm and GitHub 的評價
semantic ui 在 Firstory Facebook 的最佳貼文
【尋找一起打天下的夥伴】
從最開始的 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 在 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 在 Introduction Semantic-UI-Ember This is the official Ember ... 的推薦與評價
Introduction Semantic-UI-Ember This is the official Ember library for the Semantic-UI modules. The code was original built for CrowdOx and other projects that ... ... <看更多>
semantic ui 在 Semantic-UI - GitHub 的推薦與評價
Semantic is a UI framework designed for theming. ... Semantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and ... ... <看更多>