Khoá học lập trình Thiết kế Website với HTML CSS cơ bản thông qua ví dụ cụ thể - FEDU

Thể loại:
Lập trình
Số bài học:
69 bài giảng
Thời lượng video:
10:00:00
Giá gốc: 299,000đ
FREE
Nguồn:
Sưu tầm từ fedu.vn
Giới thiệu khóa học
Trước khi bắt đầu học làm web thì ban phải học HTML và CSS vì hai ngôn ngữ này giúp bạn xây dựng giao diện của website, đẹp hay xấu là phụ thuộc vào cách sử dụng và trình bày bổ cục hợp lý. Nhằm giúp bạn cũng cố lại các thẻ html thì trong phần này mình sẽ giới thiệu các thành phần thường được dùng nhất.

HTML là thành phần quan trọng nhất để xây dựng giao diện của website, đây cũng chính là kiến thức đầu tiên bạn cần phải học khi tham gia vào học lập trình web. Để giúp các bạn củng cố kiến thức thì trong series tự học HTML này mình sẽ tổng hợp các kiến thức cần thiết theo từng bước có kèm theo video, mình tin sẽ rất phù hợp để bạn tự học.

CSS cũng là 1 phần không thể thiếu cho website. CSS xây dựng giao diện đẹp và bắt mắt hơn, từ đó sẽ thu hút được nhiều người xem cũng như làm tăng độ uy tín cho website của bạn
Thiết kế Website với HTML CSS

Lợi ích khóa học
  • Nắm vững nền tảng của lập trình từ cơ bản nhất với HTML và CSS
  • Hiểu được các thẻ trong HTML và mục đích sử dụng mỗi thẻ cho nhu cầu dùng của bạn
  • Xử lý thành thạo giao diện, code lên một giao diện đẹp mắt với HTML kết hợp với CSS
  • Cách sử dụng các ID và Class trong khi lập trình
NỘI DUNG KHÓA HỌC
Phần 1 - Giới thiệu khóa học và cài đặt công cụ
001-Giới thiệu khóa học
002-Cài đặt công cụ
NẾU XEM VIDEO BỊ LỖI, CÁC BẠN HÃY DÙNG TRÌNH DUYỆT COCCOC ĐỂ XEM NHÉ!

Phần 2 - Giới thiệu các thẻ HTML cơ bản
003-Giới thiệu các thẻ HTML cơ bản
004-Thẻ tiêu đề
005-Nhóm thẻ xuống dòng
006-Thẻ trình bày text và gắn link
007-Thẻ ảnh

Phần 3 - Giới thiệu CSS cơ bản
008-Giới thiệu CSS
009-Học thuộc tính CSS qua bài thực hành – phần 1
010-Học thuộc tính CSS qua bài thực hành – phần 2
011-Học thuộc tính CSS qua bài thực hành – phần 3

Phần 4 - Thuộc tính Flex trong CSS
012-Giới thiệu class trong CSS
013-Áp dụng class và chia cột
014-Luyện tập chia cột bằng flex
015-Cách gọi CSS nâng cao

Phần 5 - Luyện tập chia cột bằng Flex
016-Luyện tập công thức chia cột
017-Cách cài đặt và sử dụng font icon
018-Cách sử dụng nhiều Class cùng một lúc

Phần 6 - Chữa bài tập
019-Chữa bài tập làm website tin tức báo mới sử dụng kiến thức đã học
020-Giải thích thuộc tính display block

Phần 7 - Làm menu với HTML CSS
021-Cách làm menu với HTML CSS
022-Thực hành với menu website báo mới
023-Cách căn giữa menu
024-Cách làm hiệu ứng di chuột lên ảnh tương tác lên chữ
025-Chữa bài sử dụng thuộc tính Flex – Phần 1
026-Chữa bài sử dụng thuộc tính Flex – Phần 2

Phần 8 - Làm hiệu ứng slide cơ bản nhất
027-Cách làm hiệu ứng slide ảnh cơ bản nhất
028-Cách tinh chỉnh kích cỡ của hiệu ứng slide

Phần 9 - Chữa bài tiki.vn
029-Chữa bài tiki.vn sử dụng Flex – Phần 1
030-Chữa bài tiki.vn sử dụng Flex – Phần 2
031-Chữa bài tiki.vn sử dụng Flex – Phần 3
032-Cách căn ngang và căn dọc phần tử sử dụng Flex

Phần 10 - Thuộc tính chia layer
033- Luyện tập chia layer với thuộc tính zoom
034-Luyện tập chia layer kèm thuộc tính xoay
035-Chữa bài sử dụng thuộc tính chia layer
036-Chữa bài chia layer – Phần HTML
037-Chữa bài chia layer – Phần CSS
038-Chữa bài chia layer với thuộc tính Rotate và Perspective

Phần 11 - Chữa bài tập CSS3 từ các sản phẩm themeforest bất kỳ
039-Chữa bài tâp CSS3 trên themeforest – Phần 1
040-Chữa bài tâp CSS3 trên themeforest – Phần 2
041-Chữa bài tâp CSS3 trên themeforest – Phần 3
042-Chữa bài tâp CSS3 trên themeforest – Phần 4
043-Chữa bài tâp CSS3 trên themeforest – Phần 5
044-Chữa bài tâp CSS3 trên themeforest – Phần 6
045-Chữa bài tâp CSS3 trên themeforest – Phần 7

Phần 12 - Làm menu đa cấp với thuộc tính chia layer
046-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 1
047-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 2
048-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 3
049-Cách làm menu đa cấp áp dụng thuộc tính chia layer-Phần 4

Phần 13 - Kĩ thuật nâng cao – sử dụng biến và after before trong CSS3
050-Cách sử dụng biến trong CSS
051-Kĩ thuật sử dụng After before
052-Luyện tập After before và thuộc tính đổ màu Gradient
053-Cách đặt Transition hai chiều

Phần 14 - Ôn tập kiến thức đã học qua việc làm giao diện hoàn chỉnh
054-Thực hành làm giao diện Belton theme – Phần HTML top
055-Thực hành làm giao diện Belton theme – Phần CSS top
056-Thực hành làm giao diện Belton theme – Phần Gradient và chia Layer
057-Thực hành làm giao diện Belton theme – Phần áp dụng after before
058-Thực hành làm giao diện Belton theme – HTML phần text banner
059-Thực hành làm giao diện Belton theme -CSS phần text banner
060-Thực hành làm giao diện Belton theme – HTML CSS phần content 1
061-Thực hành làm giao diện Belton theme – Background attachment
062-Thực hành làm giao diện Belton theme – Cách đưa icon vào before và after

Phần 15 - Nguyên lý và cách làm web responsive
063 – Nguyên lý CSS cho các màn hình khác nhau
064 – Thực hành làm web responsive với website udemy – phần 1
065 – Thực hành làm web responsive với website udemy – phần 2

Phần 16 - Làm quen với javascript
066 – Làm quen với Javascript
067 – Hàm click trong javascript
068 – Hàm thay đổi class css

Phần 17 - Tổng kết
069 – Tổng kết khóa giới thiệu cách học

Tiểu sử tác giả:
Giảng viên Nguyễn Đức Việt với 12 năm trong nghề thiết kế, lập trình web. Anh đã và đang giảng dạy, đào tạo cho khoảng hơn 10.000+ học viên thiết kế, lập trình web tại Việt Nam. Tốt nghiệp khoa CNTT, Đại học bách khoa Hà Nội. Từng làm việc trong nhiều dự án lớn thuộc tập đoàn lớn, anh đã và đang tham gia rât nhiều dự án Freelancer về thiết kế đồ họa nên kinh nghiệm thực tế dồi dào, mong muốn đem những kinh nghiệm này chia sẻ cho tất cả mọi người, giúp các bạn có được những hành trang quý báu trên con đường sự nghiệp.
Từng du học nghành thiết kế đồ họa đa phương tiện – tại tập đoàn Aptech Limited – Bangalore Ấn Độ theo chương trình giảng viên tài năng.
Tốt nghiệp khoa CNTT, Đại học bách khoa Hà Nội.

Nếu VIDEO nào bị lỗi không xem được, bạn vui lòng báo cho mình qua comment facebook bên dưới. Mình sẽ cập nhật liên tục

Post a Comment

Previous Post Next Post

Labels Max-Results No.

Boxed(True/False)