Website Design with CSS, CSS3 & Bootstrap

តម្លៃ៖ 80$
សិក្សារយៈពេល ៖ 60 ម៉ោង
ច័ន្ទ - សុក្រ ៖ 1ខែ24ថ្ងៃ (សិក្សា១ម៉ោងកន្លះក្នុងមួយថ្ងៃ)
សៅរ៍ - អាទិត្យ ៖ 3ខែ21ថ្ងៃ (សិក្សា២ម៉ោងក្នុងមួយថ្ងៃ)

♦ នេះជាវគ្គ CSS (Cascading Style Sheet) ដែលបានបង្កើតឡើង ដើម្បីធ្វើការតុបតែង, បង្កើតគេហទំព័រឲ្យមានភាពស្រស់ស្អាតតាមរយៈ property ជាច្រើនរបស់ CSS ។ វគ្គនេះលោកអ្នកនឹងសិក្សាពីរបៀបស្តង់ដារសម្រាប់បង្កើត និង រចនាទម្រង់ (layout) គេហទំព័រដោយប្រើ CSS ដែល Web Designer ភាគច្រើនបំផុតក្នុងពិភពលោកកំពុងប្រើប្រាស់ ។

♦ លើសពីនេះលោកអ្នកនឹងសិក្សាពីការរចនាគេហទំព័រឲ្យដំណើរការបានស្ទើរគ្រប់ browsers (Chrome, Firefox, Safari, Brave, Opera, ...) និង ការដាក់ style ជាមួយ CSS Advance ជាច្រើនទៅគេហទំព័រ ដើម្បីឲ្យកាន់តែទាក់ទាញ និង ងាយស្រួលក្នុងការមើលក៏ដូចជាការប្រើប្រាស់ ។

♦ Bootstrap គឺជា Front-end Framework មួយដែលយើងប្រើសម្រាប់ផ្តោតលើការអភិវឌ្ឍន៍គេហទំព័រផ្នែកខាងមុខបានយ៉ាងងាយស្រូល និងឆាប់រហ័ស ។ Bootstrap ត្រូវបានគេចងក្រងឡើងដោយប្រើប្រាស់ភាសាមូលដ្ឋានដូចជា៖ HTML, CSS និង JavaScript សម្រាប់បង្កើត Website ដែលមានលក្ខណៈ Responsive (អាចបើកបាននៅក្នុងទូរសព្ទ័, អាយផេត និងកុំព្យូទ័រ ដោយមិនខូចទ្រង់ទ្រាយ) ហើយវាបានបង្កើតជា Components (ធាតុ) ដែលចាំបាច់ប្រើជាច្រើន ហើយប្រសិនជាលោកអ្នកចង់ប្រើប្រាស់នូវ Components ណាមួយ គឺគ្រាន់តែហៅឈ្មោះ Class របស់ Component នោះមកដាក់ក្នុង Elements របស់ HTML រួចជាការស្រេច ដែល Components ទាំងនោះមាន ដូចជា Grid System, Navbar, Carousel, Cards, Collapse, Offcanvas, Modal, Button, Form, … និង Utilities ជាច្រើនទៀត ។

មេរៀនទី១ ៖ ការណែនាំអំពី CSS

១.១ ណែនាំអំពី CSS

១.២ ការបង្ហាញពីភាពខុសគ្នារវាង CSS នឹង CSS3

១.៣. ការបង្ហាញពីរបៀបសរសេរកូដ CSS ជាមួយ HTML

១.៤. លក្ខណៈទូទៅនៃ CSS

១.៥. ការប្រើប្រាស់ Selector

១.៦. បង្ហាញលក្ខណៈនៃ combinators

មេរៀនទី ២ ៖ ការប្រើប្រាស់ពុម្ភអក្សរ (Typography in CSS)

២.១ ការប្រើប្រាស់ Font នៅក្នុង CSS

២.២ ការប្រើប្រាស់ CSS Text

២.៣ ការ embed font ចូលទៅក្នុង website

២.៤ បង្កើតស្រមោលអក្សរ

២.៥ ប្ដូរពណ៌ select អក្សរ

២.៦ ការកំណត់ចំនួន columns ទៅឲ្យអត្ថបទ

មេរៀនទី ៣ ៖ ការប្រើប្រាស់ Colors and Background

៣.១. ការប្រើប្រាស់ប្រភេទពណ៌

៣.២. Background-Color

៣.៣. Background-Image

៣.៤. Background-Repeat

៣.៥. Background-Attachment

៣.៦. Background-Position

៣.៧. Background-Size

៣.៨ background-clip

៣.៩ background-origin

៣.១០. Multi Background

៣.១១. ការប្រើប្រាស់ image sprites

៣.១២. ការប្រើប្រាស់ពណ៌ gradient

មេរៀនទី៤ ៖ ការប្រើ Box Model នៅក្នុង CSS

៤.១. ការប្រើប្រាស់ Margin

៤.២. ការប្រើប្រាស់ Padding

៤.៣. ការប្រើប្រាស់ Border

៤.៤. ការប្រើប្រាស់ Border Image

៤.៥. ការប្រើប្រាស់ Border-Radius

៤.៦. ការប្រើប្រាស់ Outline

៤.៧. ការប្រើប្រាស់ Outline-radius

៤.៨. ការប្រើប្រាស់ Box Shadow

៤.៩. ការប្រើប្រាស់ Box-sizing

មេរៀនទី ៥ ៖ ការបង្កើត Navbar, Layout and Table Style

៥.១ ការប្រើប្រាស់ CSS Links

៥.២ ការប្រើប្រាស់ CSS List ប្រើ CSS ដើម្បីប្តូរទម្រង់ List

៥.៣ ការប្រើប្រាស់ CSS Table

៥.៤ ការប្រើប្រាស់ CSS Dimension

៥.៥ ការប្រើប្រាស់ Float និង Clear

៥.៦ ការប្រើ Property overflow

៥.៧ ការបង្កើត CSS Layout

៥.៨ ការប្រើប្រាស់ CSS Position

៥.៩ ការប្រើប្រាស់ z-index

៥.១០ ការប្រើប្រាស់ Display

៥.១១ ការប្រើប្រាស់ Visibility

៥.១២ ការកំណត់ Horizontal & Vertical Align CSS

៥.១៣ ការបង្កើត Animations ជាមួយ Hover

៥.១៤ ការបង្កើត CSS Dropdown

មេរៀនទី ៦ ៖ ការប្រើប្រាស់ CSS Advance, Animation & CSS Function

៦.១ ការប្រើប្រាស់ Flexbox

៦.២ ការប្រើប្រាស់ Pseudo-Class

៦.៣ ការប្រើប្រាស់ Pseudo-elements

៦.៤ ការប្រើប្រាស់ Opacity

៦.៥ ការប្រើប្រាស់ Transition

៦.៦ ការប្រើប្រាស់ Object-fit

៦.៧ ការប្រើប្រាស់ Transformation method

៦.៨ ការបង្កើត Animation

៦.៩ ការប្រើប្រាស់ CSS Function

មេរៀនទី ៧ ៖ ការបង្កើតជាមួយ Template និង Responsive

៧.១ ការបង្ហាញពីការ Design Template

៧.២ ការបង្កើត CSS Responsive (@media)

មេរៀនទី ៨ ៖ ការប្រើប្រាស់ Bootstrap Framework (Latest Version)

៨.១ ស្វែងយល់ពីរបៀបប្រើប្រាស់ Bootstrap

៨.២ ការប្រើប្រាស់ Bootstrap layout & Grid System

៨.៣ ការប្រើប្រាស់ Background & Color របស់ Bootstrap

៨.៤ ការប្រើប្រាស់ Components Bootstrap

♦ Alerts, Button, Button Group, Card, List, Carousel, Collapse, Modal, Navbar, Offcanvas, Pagination, Placeholders, Popovers, Scrollspy, Toasts, Tooltips, Typography, image, table និង Utilities

៨.៥ ការបង្កើត Form

៨.៦ ការប្រើប្រាស់ Bootstrap Responsive

៨.៧ បង្ហាញពីរបៀបធ្វើ Real Project

♣ ចំណុចបន្ថែមនឹងបង្ហាញពី៖

១. ការប្រើប្រាស់ Animation.style Library

២. ការប្រើប្រាស់ Wow.js & AOS Library

៣. ការប្រើប្រាស់ Hover.css Library

៤. ការប្រើប្រាស់ Swiper.js Library

៥. ការប្រើប្រាស់ Fontawesome Library

៦. បង្ហាញគេហទំព័រដែលប្រើប្រាស់សម្រាប់ Generator, Modern website template…

♦ ស្នាដៃសិស្សជាច្រើនដែលបានបញ្ចប់វគ្គនៅអាន-

ANT http://training.antkh.com/achievements

តម្រូវការនៃការរៀនមុខវិជ្ផានេះ ៖ លោកអ្នកត្រូវមានចំណេះដឹងខ្លះៗទាក់ទងនឹងមុខវិជ្ផា HTML ជាមុនសិន