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 ជាមុនសិន