Trang chủ

Web Development

HTML

HTML CSS căn bản dành cho người mới bắt đầu lập trình web

HTML CSS căn bản dành cho người mới bắt đầu lập trình web

Loại khoá học: Web Development

css, html, basic, responsive, web development

50.000 VND

65 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

Nếu bạn đang muốn trở thành một Frontend developer, một lập trình viên làm việc với Web, kiến thức HTML và CSS sẽ cực kỹ hữu ích và là nền tảng quan trọng.

Mình sẽ cùng với bạn cùng xây dụng một trang web landing page, vừa để các bạn thực hành những kiến thức đã học, giúp các bạn tiếp thu kiến thức một cách tự nhiên không cần phải học lý thuyết khô khan

Mình sẽ giúp các bạn hình dung được toàn bộ quá trình từ lúc mà mình nhận một thiết kế, phân tích và hiện thực hóa thiết kế đó thành code, và có được kết quả cuối cùng là một trang web mà user có thể xem được trên màn hình máy tính và các thiết bị di động khác

Nội dung khóa học sẽ giúp các bạn

Nắm và vận dụng các cú pháp căn bản của CSS để định dạng một trang HTML theo ý muốn
Xây dựng một trang HTML responsive tối ưu trên nhiều thiết bị khác nhau
Đủ tự tin để làm việc với html css
Đủ nền tảng để bạn tiếp tục học tiếp những kiến thức cao hơn của frontend
Đủ thực hành để bạn thấy được giá trị của lý thuyết và khái niệm

Bạn sẽ học được gì

Nắm vững kiến thức căn bản về html

Sử dụng html css thuần thục để tạo trang web tĩnh

Có khả năng phân tích một thiết kế và dàn trang bằng html

Hoàn thiện một trang web html css từ file thiết kế

Yêu cầu

Có máy tính, biết cài đặt phần mềm, trình duyệt web, yêu thích thiết kế web

Nội dung khoá học

7 sections

Giới thiệu tổng quát

4 lectures

Cảm ơn

00:32

Tổng quan về lập trình web

04:07

Cài đặt Code Editor

02:57

Tạo trang web đầu tiên

01:27

HTML

10 lectures

Giới thiệu về HTML

02:04

Cấu trúc file HTML

06:25

HTML cho văn bản

03:39

List

02:24

Img và các thuộc tính

05:49

Hyperlink

03:55

Phân tích cấu trúc trang web

03:03

Semantic HTML

03:28

Emmet

04:17

Ôn tập HTML

5 câu hỏi

CSS

25 lectures

Inline, Internal, External CSS

02:39

Định dạng chữ

05:05

Giới thiệu CSS

02:06

Sử dụng màu sắc

13:27

Kết hợp nhiều selector

03:21

Class và ID

05:52

Chrome DevTools

04:40

Pseudo - Phần 1

07:39

Pseudo - Phần 2

06:09

Emmet cho CSS

02:11

Khái niệm trong CSS #1: Cascade và Specificity

06:00

Khái niệm trong CSS #2: Inheritance và Universal Selector

05:38

Khái niệm trong CSS #3: Box model

09:44

Khái niệm trong CSS #4: Display

08:03

Codepen

03:11

CSS Selector hữu dụng

07:12

Định hướng

03:29

Thực hành Padding và Margin

07:58

Canh giữa màn hình

04:06

Sử dụng Figma

05:46

Khái niệm trong CSS #5: Position

07:00

z-index

06:30

Pseudo Element

05:11

Sử dụng Google

02:40

Ôn tập CSS

6 câu hỏi

Dựng layout và nguyên tắc thiết kế web

17 lectures

Float

08:29

Flexbox - Phần 1

07:54

Flexbox - Phần 2

08:08

CSS mặc định của trình duyệt

02:29

Định dạng chữ

05:03

Làm việc với ảnh - Phần 1

07:34

Làm việc với ảnh - Phần 2

07:35

Grid layout - Phần 1

03:37

Grid layout - Phần 2

07:25

Responsive layout

02:48

Rem và max-width hoạt động như thế nào

05:56

BEM 101

02:32

Giới thiệu CSS Grid

01:20

Đơn vị fr

01:48

Thực hành CSS Grid #1: Column và Row

04:29

Thực hành CSS Grid #2: Canh Lề

05:13

Thực hành CSS Grid #3: Span, Areas

06:47

Dự án Trang Landing Page Thành Phố Hồ Chí Minh - Bản Máy tính

9 lectures

Giới thiệu

01:55

Header

10:19

Hero - Phần 1

09:18

Hero - Phần 2

10:12

Footer

10:09

Section: Lịch sử

11:56

Section: Tên gọi

05:22

Section: Vị trí địa lý

06:48

Section: Liên hệ

14:10

Dự án Trang Landing Page Thành Phố Hồ Chí Minh - Responsive

17 lectures

CSS Media Query

05:55

Lựa chọn breakpoint

02:10

Meta viewport

01:38

Responsive - Hero section - Phần 1

05:27

Responsive - Hero section - Phần 2

03:37

Responsive - Hero section - Phần 3

03:44

Responsive - Hero section - Phần 4

12:11

Responsive - Lịch sử

06:33

Responsive - Tên gọi

10:20

Responsive - Vị trí địa lý

02:18

Responsive - Liên Hệ

04:53

Responsive - Footer

00:15

Responsive - Header - Phần 1

02:29

Responsive - Header - Phần 2

06:37

Responsive - Header - Phần 3

04:17

Responsive - Header - Phần 4

03:31

Responsive - Header - Phần cuối

09:31

Hoàn tất

7 lectures

Giới thiệu Lighthouse

05:59

Thêm thẻ meta và favicon

02:30

Thêm hiệu ứng khi scroll

00:55

Đưa trang web lên mạng

02:40

Lời chúc mừng và hẹn gặp lại

00:24

Bonus: 5 tính năng nên biết của CSS

06:10

Bonus: Giới thiệu Javascript

02:14

Đánh giá của học viên

Chưa có đánh giá

Course Rating

5

0%

4

0%

3

0%

2

0%

1

0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Email

Nội dung

Khoá học liên quan

React - The Complete Guide 2024 (incl. Next.js, Redux)

React - The Complete Guide 2024 (incl. Next.js, Redux)

Java Spring Boot E-Commerce Ultimate Course

Java Spring Boot E-Commerce Ultimate Course

Helm - The Kubernetes Package Manager hands-on course

Helm - The Kubernetes Package Manager hands-on course

Khóa học Xử lý Dữ liệu cho Data Warehouse (Phần Cơ Bản)

Khóa học Xử lý Dữ liệu cho Data Warehouse (Phần Cơ Bản)

RA: Data Science and Supply Chain analytics. A-Z with Python

RA: Data Science and Supply Chain analytics. A-Z with Python

OK, Umbraco

Design and Analysis of Algorithms

Design and Analysis of Algorithms

Next.js 14 Social Network App ( Instagram )

Next.js 14 Social Network App ( Instagram )

Learn to Build Web Apps Using Cake PHP

Learn to Build Web Apps Using Cake PHP

A deep understanding of deep learning (with Python intro)

A deep understanding of deep learning (with Python intro)

The Web Developer Bootcamp 2024

The Web Developer Bootcamp 2024

React & TypeScript - The Practical Guide

React & TypeScript - The Practical Guide

FastAPI - The Complete Course 2024 (Beginner + Advanced)

FastAPI - The Complete Course 2024 (Beginner + Advanced)

The Ultimate React Course 2024: React, Next.js, Redux & More

The Ultimate React Course 2024: React, Next.js, Redux & More

(Jetpack, Architecture & More)Advanced Android Bootcamp 2024

(Jetpack, Architecture & More)Advanced Android Bootcamp 2024

Flutter BLoC TDD & Clean Architecture | Project Based [2024]

Flutter BLoC TDD & Clean Architecture | Project Based [2024]

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi