.png_m_1694241706.jpg)
[vitri]Online[/vitri]
[phongngu]Liên tục[/phongngu]
[mota]
Bạn sẽ hiểu rõ về HTML, CSS và cách hoạt động của chúng như thế nào trong một trang web.
[/mota]
[tongquan]
Bạn sẽ học được gì
Hiểu rõ về HTML và CSS và cách hoạt động của một trang web
Bạn tự tin đưa sản phẩm web của mình lên mạng và có thể share với cộng đồng
Nắm vững các kiến thức quan trong như: grid CSS, flexbox, animation, position...
Thành thạo các thuộc tính CSS để trở thành một master web developer
Hiểu về SASS/SCSS và cách sử dụng để tối ưu code.
Nắm được tất cả các thẻ HTML và thuộc tính CSS cần thiết để trở thành một lập trình web chuyên nghiệp
Giới thiệu khóa học
Khóa học HTML & CSS từ cơ bản đến nâng cao 2023 (Sass) dành cho những người mới bắt đầu tìm hiểu về web hoặc những người quên đi kiến thức về HTML & CSS do không sử dụng nó trong một khoảng thời gian dài. Đây là những kiến thức không thể thiếu cho một lập trình viên web chuyên nghiệp. Bạn sẽ hiểu rõ về HTML, CSS và cách hoạt động của chúng như thế nào trong một trang web. Ngoài ra bạn còn có thể biết cách responsive để chúng hiển thị ở các loại thiết bị khác nhau tùy theo ý muốn của bạn.
Bạn sẽ được học lí thuyết gắn với thực hành, giúp cho mấy bạn nắm vững được những kiến thức vừa học.
Đặc biệt đây sẽ là khóa học cô đọng lại kiến thức về HTML, CSS giảng viên đã tích lũy trong một khoảng thời gian dài làm việc trong lĩnh vực web.
Nắm vững các kiến thức quan trong trong CSS như: grid css, flexbox, position, animation, ...
Nhanh tay đăng ký khoá học để nhận ưu đãi nhé!
Nội dung khóa học
Phần 1: Giới thiệu tổng quan về khóa học và cách học
Bài 1: Kết quả đạt được sau khi kết thúc khóa học
Bài 2: Tổng quan về một website
Bài 3: HTML/CSS là gì? Lịch sử ra đời và hoạt động như thế nào?
Bài 4: Sự khác nhau giữa HTML và HTML5
Bài 5: Tìm hiểu về devtools
Bài 6: Cài đặt môi trường
Phần 2: Tìm hiểu về HTML5
Bài 7: Cấu trúc file HTML
Bài 8: Một vài lưu ý
Bài 9: Các phím tắt để học hiệu quả hơn
Bài 10: Comment trong HTML
Bài 11: Các thẻ HTML tạo text
Bài 12: Các thẻ HTML để tạo ra bảng table
Bài 13: Các thẻ HTML dạng nhập điền dữ liệu trong form
Bài 14: Các thẻ socials trong HTML(video, img, audio, iframe)
Bài 15: Tìm hiểu attribute trong HTML
Bài 16: Hướng dẫn đưa code lên mạng
Bài 17: Tìm hiểu thẻ meta giúp tối ưu SEO
Bài 18: Tìm hiểu về XML?
[/mota]
[tongquan]
Bạn sẽ học được gì
Hiểu rõ về HTML và CSS và cách hoạt động của một trang web
Bạn tự tin đưa sản phẩm web của mình lên mạng và có thể share với cộng đồng
Nắm vững các kiến thức quan trong như: grid CSS, flexbox, animation, position...
Thành thạo các thuộc tính CSS để trở thành một master web developer
Hiểu về SASS/SCSS và cách sử dụng để tối ưu code.
Nắm được tất cả các thẻ HTML và thuộc tính CSS cần thiết để trở thành một lập trình web chuyên nghiệp
Giới thiệu khóa học
Khóa học HTML & CSS từ cơ bản đến nâng cao 2023 (Sass) dành cho những người mới bắt đầu tìm hiểu về web hoặc những người quên đi kiến thức về HTML & CSS do không sử dụng nó trong một khoảng thời gian dài. Đây là những kiến thức không thể thiếu cho một lập trình viên web chuyên nghiệp. Bạn sẽ hiểu rõ về HTML, CSS và cách hoạt động của chúng như thế nào trong một trang web. Ngoài ra bạn còn có thể biết cách responsive để chúng hiển thị ở các loại thiết bị khác nhau tùy theo ý muốn của bạn.
Bạn sẽ được học lí thuyết gắn với thực hành, giúp cho mấy bạn nắm vững được những kiến thức vừa học.
Đặc biệt đây sẽ là khóa học cô đọng lại kiến thức về HTML, CSS giảng viên đã tích lũy trong một khoảng thời gian dài làm việc trong lĩnh vực web.
Nắm vững các kiến thức quan trong trong CSS như: grid css, flexbox, position, animation, ...
Nhanh tay đăng ký khoá học để nhận ưu đãi nhé!
Nội dung khóa học
Phần 1: Giới thiệu tổng quan về khóa học và cách học
Bài 1: Kết quả đạt được sau khi kết thúc khóa học
Bài 2: Tổng quan về một website
Bài 3: HTML/CSS là gì? Lịch sử ra đời và hoạt động như thế nào?
Bài 4: Sự khác nhau giữa HTML và HTML5
Bài 5: Tìm hiểu về devtools
Bài 6: Cài đặt môi trường
Phần 2: Tìm hiểu về HTML5
Bài 7: Cấu trúc file HTML
Bài 8: Một vài lưu ý
Bài 9: Các phím tắt để học hiệu quả hơn
Bài 10: Comment trong HTML
Bài 11: Các thẻ HTML tạo text
Bài 12: Các thẻ HTML để tạo ra bảng table
Bài 13: Các thẻ HTML dạng nhập điền dữ liệu trong form
Bài 14: Các thẻ socials trong HTML(video, img, audio, iframe)
Bài 15: Tìm hiểu attribute trong HTML
Bài 16: Hướng dẫn đưa code lên mạng
Bài 17: Tìm hiểu thẻ meta giúp tối ưu SEO
Bài 18: Tìm hiểu về XML?
Bài 19: Tìm hiểu về thẻ SVG
Phần 3: Tìm hiểu về CSS3
Bài 20: Các cách sử dụng CSS
Bài 21: Vì sao phải sử dụng id và class trong CSS?8
Bài 22: Tìm hiểu về độ ưu tiên trong CSS
Bài 23: Tìm hiểu về cách đặt biến trong CSS
Bài 24: Đơn vị trong CSS
Bài 25: Tìm hiểu Display CSS
Bài 26: Tìm hiểu color trong CSS
Bài 27: Tìm hiểu rgba và transparent trong color CSSS
Bài 28: Tìm hiểu về padding CSS
Bài 29: Tìm hiểu về border CSS
Bài 30: Tìm hiểu về margin CSS
Bài 31: Tìm hiểu về box-sizing CSS
Bài 32: Tìm hiểu background-clip trong CSS
Bài 33: Tìm hiểu về background-image trong CSS
Bài 34: Background-repeat CSS
Bài 35: Background-origin CSS
Bài 36: Background-size CSS
Bài 37: Background-position CSS
Bài 38: Background-attachment CSS
Bài 39: Background shorthand CSS
Bài 40: So sánh background, background-image, background-color trong CSS
Bài 41: Function CSS
Bài 42: CSS text alignment
Bài 43: CSS text decoration
Bài 44: CSS text transform
Bài 45: CSS text spacing
Bài 46: CSS text shadow
Bài 47: CSS font shorthand
Bài 48: CSS overflow
Bài 49: Custom scrollbar CSS
Bài 50: CSS text-overflow
Bài 51: CSS position relative
Bài 52: CSS position absolute
Bài 53: CSS Position fixed
Bài 54: CSS Position sticky
Bài 55: CSS Box shadow
Bài 56: Pseudo classes CSS
Bài 57: Pseudo element CSS
Bài 58: CSS selector
Bài 59: CSS table
Bài 60: Z-index CSS
Bài 61: CSS cursor
Bài 62: CSS pointer-events
Bài 63: CSS Transform
Bài 64: CSS animation
Bài 65: Transition CSS
Bài 66: Giới thiệu Flexbox CSS
Bài 67: Flexbox CSS phần 1
Bài 68: Flexbox CSS phần 2
Bài 69: Thực hành với flex CSS
Bài 70: Nắm vững flex CSS với game Froggy
Bài 71: Float CSS
Bài 72: CSS BEM là gì?
Bài 73: Thực hành CSS BEM
Bài 74: Các thành phần cơ bản của một trang web
Bài 75: Tìm hiểu về emmet trong HTML & CSS
Phần 4: Thực hành, xây dựng trang chủ Facebook
Bài 76: Xây dựng base source cho dự án
Bài 77: Reset CSS với normalize
Bài 78: Nên sử dụng đơn vị nào cho dự án?Tại sao?
Bài 79: Set up những thứ cần thiết ở global.css
Bài 80: Xây dựng bố cục layout cho dự án
Bài 81: Xây dựng phần Left Header
Bài 82: Xây dựng phần Center Header
Bài 83: Xây dựng phần Right Header
Bài 84: Hoàn thành phần Search Header
Bài 85: Xây dựng popup ở phần menu
Phần 3: Tìm hiểu về CSS3
Bài 20: Các cách sử dụng CSS
Bài 21: Vì sao phải sử dụng id và class trong CSS?8
Bài 22: Tìm hiểu về độ ưu tiên trong CSS
Bài 23: Tìm hiểu về cách đặt biến trong CSS
Bài 24: Đơn vị trong CSS
Bài 25: Tìm hiểu Display CSS
Bài 26: Tìm hiểu color trong CSS
Bài 27: Tìm hiểu rgba và transparent trong color CSSS
Bài 28: Tìm hiểu về padding CSS
Bài 29: Tìm hiểu về border CSS
Bài 30: Tìm hiểu về margin CSS
Bài 31: Tìm hiểu về box-sizing CSS
Bài 32: Tìm hiểu background-clip trong CSS
Bài 33: Tìm hiểu về background-image trong CSS
Bài 34: Background-repeat CSS
Bài 35: Background-origin CSS
Bài 36: Background-size CSS
Bài 37: Background-position CSS
Bài 38: Background-attachment CSS
Bài 39: Background shorthand CSS
Bài 40: So sánh background, background-image, background-color trong CSS
Bài 41: Function CSS
Bài 42: CSS text alignment
Bài 43: CSS text decoration
Bài 44: CSS text transform
Bài 45: CSS text spacing
Bài 46: CSS text shadow
Bài 47: CSS font shorthand
Bài 48: CSS overflow
Bài 49: Custom scrollbar CSS
Bài 50: CSS text-overflow
Bài 51: CSS position relative
Bài 52: CSS position absolute
Bài 53: CSS Position fixed
Bài 54: CSS Position sticky
Bài 55: CSS Box shadow
Bài 56: Pseudo classes CSS
Bài 57: Pseudo element CSS
Bài 58: CSS selector
Bài 59: CSS table
Bài 60: Z-index CSS
Bài 61: CSS cursor
Bài 62: CSS pointer-events
Bài 63: CSS Transform
Bài 64: CSS animation
Bài 65: Transition CSS
Bài 66: Giới thiệu Flexbox CSS
Bài 67: Flexbox CSS phần 1
Bài 68: Flexbox CSS phần 2
Bài 69: Thực hành với flex CSS
Bài 70: Nắm vững flex CSS với game Froggy
Bài 71: Float CSS
Bài 72: CSS BEM là gì?
Bài 73: Thực hành CSS BEM
Bài 74: Các thành phần cơ bản của một trang web
Bài 75: Tìm hiểu về emmet trong HTML & CSS
Phần 4: Thực hành, xây dựng trang chủ Facebook
Bài 76: Xây dựng base source cho dự án
Bài 77: Reset CSS với normalize
Bài 78: Nên sử dụng đơn vị nào cho dự án?Tại sao?
Bài 79: Set up những thứ cần thiết ở global.css
Bài 80: Xây dựng bố cục layout cho dự án
Bài 81: Xây dựng phần Left Header
Bài 82: Xây dựng phần Center Header
Bài 83: Xây dựng phần Right Header
Bài 84: Hoàn thành phần Search Header
Bài 85: Xây dựng popup ở phần menu
Bài 86: Hoàn thành popup ở phần menu
Bài 87: Xây dựng popup phần messengers
Bài 88: Xử lý popup khi action với pseudo-class
Bài 89: Fix bug ở phần popup messenger
Bài 87: Xây dựng popup phần messengers
Bài 88: Xử lý popup khi action với pseudo-class
Bài 89: Fix bug ở phần popup messenger
Bài 90: Xây dựng popup ở phần thông báo
Bài 91: Xây dựng phần popup accout của Facebook
Bài 92: Fix bug phần Header
Bài 93: Xây dựng cơ chế croll cho phần container
Bài 94: Xây dựng phần left sidebar (P1)
Bài 95: Hoàn thành phần left sidebar
Bài 96: Xây dựng phần header Slider
Bài 97: Xây dựng phần Slider (P2)
Bài 98: Hoàn thiện phần Slider
Bài 99: Xây dựng phần story
Bài 100: Xây dựng phần header phần post
Bài 101: Xây dựng phần hover group
Bài 102: Hoàn thiện phần header của post
Bài 103: Xây dựng phần content của post
Bài 104: Xây dựng các button action trong phần post
Bài 105: Xây dựng phần footer của post
Bài 106: Hoàn thành các phần hover cho footer post
Bài 107: Xây dựng phần right sidebar(P1)
Bài 108: Xây dựng phần right sidebar (P2)
Bài 109: Hoàn thành phần right sidebar
Bài 110: Hoàn thành phần modal cho dự án
Bài 111: Review lại website và fix bug
Phần 5: Responsive
Bài 112: Responsive là gì? Cách thực hiện ra sao
Bài 113: Viewport là gì?
Bài 114: Media query
Bài 115: Tìm hiểu về breakpoints
Bài 116: Tìm hiểu về grid system
Bài 117: Tạo thành phần grid cho website
Bài 118: Tạo đối tương row trong grid system
Bài 119: Tạo đối tượng column trong grid system
Bài 120: Tạo offset column trong grid system
Bài 121: No gutters
Bài 122: Thực hành apply grid system vào dự án
Phần 6: Thực hành Responsive cho project Facebook
Bài 123: Responsive cho phần header của Facebook
Bài 124: Hoàn thành phần responsive header
Bài 125: Responsive layout cho content
Bài 126: Fixbug details của phần header
Bài 127: Fixbug details cho phần content
Bài 128: Tìm hiểu về scroll-snap và hoàn thành project
Bài 129: Đưa code lên github và deploy dự án
Bài 130: Một số điều cần lưu ý khi responsive
Bài 131: Fixbug những lỗi tồn động và hoàn thành sản phẩm
Bài 132: Cách tìm ra nguyên nhân bug và fixbug khi responsive
Phần 7: Kiến thức bổ sung(Grid CSS)
Bài 133: Grid CSS là gì ? So sánh grid CSS với Flexbox CSS
Bài 134: Tìm hiểu các properties của grid CSS
Bài 135: Thực hành grid CSS (P1)
Bài 136: Thực hành grid CSS (P2)
Phần 8: SCSS/SASS
Bài 137: SASS/SCSS là gì?
Bài 138: Tìm hiểu về nested trong SCSS
Bài 139: Tìm hiểu về mixin trong SCSS
Bài 140: Tìm hiểu extends trong SCSS
Bài 141: Tìm hiểu về import trong SCSS
Phần 9: Thực hành làm CV với SCSS và figma
Bài 142: Giới thiệu công cụ figma và setup dự án với SCSS
Bài 143: Xây dựng phần left container của CV
Bài 144: Hoàn thành CV với SCSS[/tongquan]
[bando]https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14895.8586897809!2d105.77983080781252!3d21.034099500000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ab421c765871%3A0xdaf2f296477de0c8!2zVW5pY2Eudm4gLSBI4buNYyBPbmxpbmUgbeG7jWkga-G7uSBuxINuZyB04burIGNodXnDqm4gZ2lh!5e0!3m2!1svi!2s!4v1675328418045!5m2!1svi!2s[/bando]
[video]https://www.youtube.com/embed/DLIt9Ai8W2s[/video]
[xem360] [/xem360]
Bài 91: Xây dựng phần popup accout của Facebook
Bài 92: Fix bug phần Header
Bài 93: Xây dựng cơ chế croll cho phần container
Bài 94: Xây dựng phần left sidebar (P1)
Bài 95: Hoàn thành phần left sidebar
Bài 96: Xây dựng phần header Slider
Bài 97: Xây dựng phần Slider (P2)
Bài 98: Hoàn thiện phần Slider
Bài 99: Xây dựng phần story
Bài 100: Xây dựng phần header phần post
Bài 101: Xây dựng phần hover group
Bài 102: Hoàn thiện phần header của post
Bài 103: Xây dựng phần content của post
Bài 104: Xây dựng các button action trong phần post
Bài 105: Xây dựng phần footer của post
Bài 106: Hoàn thành các phần hover cho footer post
Bài 107: Xây dựng phần right sidebar(P1)
Bài 108: Xây dựng phần right sidebar (P2)
Bài 109: Hoàn thành phần right sidebar
Bài 110: Hoàn thành phần modal cho dự án
Bài 111: Review lại website và fix bug
Phần 5: Responsive
Bài 112: Responsive là gì? Cách thực hiện ra sao
Bài 113: Viewport là gì?
Bài 114: Media query
Bài 115: Tìm hiểu về breakpoints
Bài 116: Tìm hiểu về grid system
Bài 117: Tạo thành phần grid cho website
Bài 118: Tạo đối tương row trong grid system
Bài 119: Tạo đối tượng column trong grid system
Bài 120: Tạo offset column trong grid system
Bài 121: No gutters
Bài 122: Thực hành apply grid system vào dự án
Phần 6: Thực hành Responsive cho project Facebook
Bài 123: Responsive cho phần header của Facebook
Bài 124: Hoàn thành phần responsive header
Bài 125: Responsive layout cho content
Bài 126: Fixbug details của phần header
Bài 127: Fixbug details cho phần content
Bài 128: Tìm hiểu về scroll-snap và hoàn thành project
Bài 129: Đưa code lên github và deploy dự án
Bài 130: Một số điều cần lưu ý khi responsive
Bài 131: Fixbug những lỗi tồn động và hoàn thành sản phẩm
Bài 132: Cách tìm ra nguyên nhân bug và fixbug khi responsive
Phần 7: Kiến thức bổ sung(Grid CSS)
Bài 133: Grid CSS là gì ? So sánh grid CSS với Flexbox CSS
Bài 134: Tìm hiểu các properties của grid CSS
Bài 135: Thực hành grid CSS (P1)
Bài 136: Thực hành grid CSS (P2)
Phần 8: SCSS/SASS
Bài 137: SASS/SCSS là gì?
Bài 138: Tìm hiểu về nested trong SCSS
Bài 139: Tìm hiểu về mixin trong SCSS
Bài 140: Tìm hiểu extends trong SCSS
Bài 141: Tìm hiểu về import trong SCSS
Phần 9: Thực hành làm CV với SCSS và figma
Bài 142: Giới thiệu công cụ figma và setup dự án với SCSS
Bài 143: Xây dựng phần left container của CV
Bài 144: Hoàn thành CV với SCSS[/tongquan]
[bando]https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14895.8586897809!2d105.77983080781252!3d21.034099500000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3135ab421c765871%3A0xdaf2f296477de0c8!2zVW5pY2Eudm4gLSBI4buNYyBPbmxpbmUgbeG7jWkga-G7uSBuxINuZyB04burIGNodXnDqm4gZ2lh!5e0!3m2!1svi!2s!4v1675328418045!5m2!1svi!2s[/bando]
[video]https://www.youtube.com/embed/DLIt9Ai8W2s[/video]
[xem360]