ResponsiveWebDesign Course by freecodecamp.com
You may join this course for free by click Here
Learning :
- Basic HTML, HTML5 -> Semantic Element เช่น header article section nav etc.
- CSS (also some example of Pseudo Elements ::before ::after)
- Visual Design ( Color theory, Animations, Page layout), การทำให้หน้าเว็บดูโดดเด่น น่าอ่าน เช่นใช้ animation ดึงดูดความสนใจ การปรับสีตัวอักษรและพื้นหลัง หรือลำดับการวาง element ต่าง ๆ
- Flexbox and Grid Display : ใช้งานคำสั่งที่จำเป็นของ Flexbox, Grid
- Responsive Viewport Unit : vh vw : ใช้ค่าในการแสดงผลตามขนาดของอุปกรณ์นั้น ๆ Media queries : @media (max-width) : ถ้าขนาดหน้าจอเท่ากับ... ให้แสดง CSS ดังนี้...