Search
NT370 特價中
從這 11.5 小時的課程，你會學到
1 你將從 CSS 的基礎開始，在那裡你將學習諸如: CSS 選擇符，CSS 組合符，著色，繼承，區塊模型( box model )，位置等等
在完成基本的 CSS 部分之後，你將進一步學習進階的 CSS 主題，比如: 背景，轉換，變換，動畫，陰影效果等等
2 你將學習如何使用現代的 CSS 模組做元素的對齊，如 CSS Flexbox 和 CSS Grid
3. 在整個過程中，你將建立大、真實世界的，看起來現代化且漂亮的專案
4.完成課程後，你將能夠使用純 CSS 建立自己的現代化、漂亮的網站
https://softnshare.com/css-bootcamp-master-in-css-including-css-grid-flexbox/
แนะนำ 9 เกม
เอาไว้เรียนรู้ไสตล์ชีท CSS แบบหนุกหนาน (หรือเปล่า)
1) Flexbox Defense
Game: http://www.flexboxdefense.com
Contributions: https://github.com/channingallen/tower-defense
Creator: Channing Allen
2) Flexbox Froggy
Game: https://flexboxfroggy.com
Contributions: https://github.com/thomaspark/flexboxfroggy
Creator: Codepip
3) Grid Garden
Game: https://cssgridgarden.com
Contributions: https://github.com/thomaspark/gridgarden
Creator: Codepip
4) CSS Diner
Game: http://flukeout.github.io
Contributions: https://github.com/flukeout/css-diner
Creator: Luke Pacholski
5) Unfold
Game: https://rupl.github.io/unfold
Contributions: https://github.com/rupl/unfold
Creator: Chris Ruppel
6) Roadmap
Game: http://victordarras.fr/cssgame
Creator: Victor Darras
7) Carnival
Game: https://codepen.io/una/pen/NxZaNr
Creator: Una Kravets
8 ) Tic-Tac-Toe
Game: https://codepen.io/alvaromontoro/pen/BexWOw
Creator: Alvaro Montoro
9) CSSBattle
Game: https://cssbattle.dev
Creators: Kushagra Gour and Kushagra Agarwal
.
.
ที่มา https://dev.to/devmount/8-games-to-learn-css-the-fun-way-4e0f
NT 430 特價中
透過建立 50 個快速、獨特和有趣的小專案來提高你的技能
從這 18 小時的課程，你會學到
✅ 基於專案的教學，提高你的 HTML，CSS 和 JavaScript 技能
✅ 對找尋教材的初學者來說是完美的好東西，在短時間內建立獨特的專案
✅ 用 flexbox、CSS 動畫、自訂屬性等創造現代風格
✅ DOM 操作、事件、陣列方法、HTTP 請求等等
https://softnshare.com/50-projects-50-days/
ถ้ารู้สึกว่าการจัดหน้าเว็บเป็นเรื่องยุ่งยาก วันนี้เราจะพาทุกคนมารู้จักกับเจ้า Flexbox ที่จะช่วยให้การจัดหน้าเว็บจากที่ยาก ๆ ให้กลายเป็นง่ายไปเลยด้วยการเล่นเกมง่าย ๆ แค่เกมเดียวเท่านั้น!?
อ่ะ งงกันใช่มั้ยล่ะ ?? ถ้าอยากรู้ว่าเล่นเกมเฉย ๆ จะรู้จักหรือเข้าใจ Flexbox ได้ยังไง ?
ตามไปดูพร้อมกันได้เลยครับ
▲ ติดตามช่องของเราได้ที่ : http://bit.ly/borntoDevSubScribe
▲ Facebook : https://www.facebook.com/borntodev
▲ Website : http://www.borntodev.com
?BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog
เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: support@borntoDev.com
Flexbox 是一個CSS3 的盒子模型( box model )，顧名思義它就是一個靈活的盒子( Flexible Box )，為什麼最近這個屬性才紅起來呢？最主要也是因為CSS3 的規範終於普及( ... ... <看更多>
Flexbox 顧名思義就是彈性的盒子，這個模型讓排版變得容易許多，延伸並取代了許多用來對齊的屬性定義，例如: justify-content , align-items , align-self , align-content ... ... <看更多>
flexbox 在 A Complete Guide to Flexbox | CSS-Tricks 的相關結果
A flex container expands items to fill available free space or shrinks them to prevent overflow. Most importantly, the flexbox layout is ... ... <看更多>