Khóa Học lập trình HTML5 từ đầu

Khóa Học lập trình HTML5 từ đầu

Khóa Học lập trình HTML5 từ đầu
Khóa Học lập trình HTML5 từ đầu

Lợi ích từ khóa học

Nắm chắc kiến thức cơ bản để xây dựng một trang web theo cấu trúc HTML5 và định dạng CSS3.

Phát triển kỹ năng làm việc độc lập và làm việc nhóm

Làm Front-end developer tại các công ty chuyên thiết kế website, gia công dự án website lớn

Làm SEO (tối ưu hóa công cụ tìm kiếm) tại các công ty Marketing online

Làm freelance fix bug HTML, CSS tối ưu hóa trang web sẵn có hoặc tự làm theme để bán

Có nền tảng cơ bản để tiếp tục học chuyên sâu về lập trình web, lập trình di động hoặc lập trình game trên nền tảng HTML5

Đối tượng mục tiêu

  • Những người thích học về lập trình web
  • Những người có có một số kiến thức nhất định và muốn học sâu hơn về HTML5
  • Những người muốn kiếm tiền từ kỹ năng lập trình trên HTML5

Tổng quát

Như các bạn đã biết, HTML5 là ngôn ngữ cơ bản và phổ biến nhất hiện nay được sử dụng để tạo nên các website hiện đại, thẩm mỹ và phù hợp với các xu hướng thiết kế mới. HTML5 là nền tảng cốt lõi để các nhà cung cấp dịch vụ web mang nội dung, sản phẩm của mình tới tay người dùng trên mọi thiết bị từ PC đến di động mà không cần phải lệ thuộc vào Flash hay các phụ kiện khác.

Trong khóa học này bạn sẽ được học cách viết mã lệnh để xây dựng một website theo tiêu chuẩn HTML5 cho chính mình. Khoá học được viết để giúp các bạn chưa biết gì về ngôn ngữ này có thể nhanh chóng nắm được các kỹ năng cơ bản và quan trọng nhất trong HTML5.

Trong suốt quá trình học bạn sẽ được thực hành viết mã lệnh với các ví dụ dễ hiểu, trực quan, cách diễn giải thú vị để bạn có thể vừa xem và vừa làm ngay trên máy tính của mình. Bạn sẽ bắt đầu học về các thẻ cơ bản trong HTML và cú pháp CSS, sau đó là những điểm mới trong lập trình HTML5 và CSS3 cùng một số tính năng nâng cao hơn. Khóa học này bao gồm các ví dụ dễ hình dung cho mỗi khái niệm để đảm bảo các bạn có thể hiểu sâu và rõ ràng về phương tiện kỹ thuật này.

Khóa học dành cho người mới bắt đầu và cũng phù hợp với các bạn đang làm thiết kế web cần biết tính năng mới của HTML5 để làm việc hiệu quả và tiết kiệm thời gian hơn. Ngôn ngữ thiết kế HTML5 là ngôn ngữ rất dễ học và rất cơ bản trong việc làm website, nên bạn cũng không cần phải băn khoăn lắm vì khả năng của mình trước khi bắt đầu. Cả hai đều không phải là ngôn ngữ lập trình nên sẽ không có những toán tử, kiểu biến dữ liệu,…mà nó là một ngôn ngữ đánh dấu văn bản và ngôn ngữ định dạng nên bạn có thể sẽ thấy thú vị khi bắt đầu, nếu hiện tại bạn chưa biết gì hết.

CÁC BẠN ĐÃ SẴN SÀNG CHƯA? HÃY CÙNG TÔI TRẢI NGHIỆM KHOÁ HỌC NÀY NHÉ. CHÚC CÁC BẠN THÀNH CÔNG.

Yêu cầu của khóa học

  • Học tập trong môi trường yên tĩnh
  • Có máy tính kết nối internet, sử dụng tai nghe để tăng hiệu quả luyện tập

Giáo trình

  • Lời giới thiệu về HTML cơ bản

    Bài 1: Giới thiệu - Chuẩn bị

    Bài 2: Cấu trúc trang web dựa trên HTML

    Bài 3: Cấu trúc cơ bản file HTML

    Bài 4: Sơ lược các thẻ cơ bản trong HTML

    Bài 5: Chi tiết các thẻ trong HTML - Các thẻ tiêu đề <h1> - <h6>

    Bài 6: Chi tiết các thẻ trong HTML - Thẻ <p>

    Bài 7: Chi tiết các thẻ trong HTML - Các thẻ định dạng chữ viết

    Bài 8: Chi tiết các thẻ trong HTML - Thẻ định dạng danh sách <ul> <li> và <ol> <li>

    Bài 9: Chi tiết các thẻ trong HTML - Thẻ định dạng danh sách mô tả <dl>

    Bài 10: Chi tiết các thẻ trong HTML - Thẻ định dạng bảng <table>

    Bài 11: Định dạng bảng không dùng thẻ <table>

    Bài 12: Thành phần block và inline

    Bài 13: Đặt ảnh trong HTML

    Bài 14: Cấu trúc XHTML - Kiểm tra tính hợp lệ

    Bài 15: Thực hành

  • Căn bản về CSS

    Bài 16: Giới thiệu - Chuẩn bị

    Bài 17: Vai trò của CSS

    Bài 18: Cú pháp CSS

    Bài 19: Ba cách định kiểu

    Bài 20: Định dạng văn bản với CSS - Thiết lập font - Phần 1

    Bài 21: Định dạng văn bản với CSS - Thiết lập font - Phần 2

    Bài 22: Định dạng văn bản với CSS - Thực hành thiết lập font

    Bài 23: Định dạng văn bản với CSS - Khoảng cách văn bản

    Bài 24: Bố cục CSS - Box model

    Bài 25: Thực hành box model

    Bài 26: Bố cục CSS - Float

    Bài 27: Bố cục CSS - Clear

    Bài 28: Bố cục CSS - Position

    Bài 29: Thực hành căn bản CSS - Phần 1

    Bài 30: Thực hành căn bản CSS - Phần 2

    Bài 31: Thực hành căn bản CSS - Phần 3

    Bài 32: Thực hành căn bản CSS - Phần 4

    Bài 33: Thực hành căn bản CSS - Phần 5

  • Giới thiệu về HTML 5

    Bài 34: Giới thiệu về HTML 5, những nội dung chính và chuẩn bị

    Bài 35: Định nghĩa HTML5

    Bài 36: Sơ lược về các điểm mới trong lập trình HTML5

    Bài 37: Các điểm mới trong lập trình HTML5 - Storage, Type, Audio, Video, Motion và Game 3D

    Bài 38: Cú pháp của HTML5 và khai báo DocType

    Bài 39: Thẻ ngữ nghĩa (semantic tag)

    Bài 40: Thực hành thẻ ngữ nghĩa

    Bài 41: Thẻ Video

    Bài 42: Thực hành thẻ video

    Bài 43: Thẻ Audio

    Bài 44: Thực hành thẻ Audio

    Bài 45: Giới thiệu về Web storage

    Bài 46: Giới thiệu về Javascript

    Bài 47: Giới thiệu về Session storage

    Bài 48: Giới thiệu về Local sotrage

    Bài 49: Giới thiệu về Canvas

    Bài 50: Thực hành sử dụng Javascript

    Bài 51: Giới thiệu về Geolocation

    Bài 52: Giới thiệu về Web form 2.0

    Bài 53: Gửi dữ liệu Mail client

    Bài 54: Gửi dữ liệu Google Forms

  • Căn bản về CSS3

    Bài 55: Giới thiệu - Chuẩn bị

    Bài 56: Các thành phần mới trong CSS3

    Bài 57: Các thành phần mới - Selector

    Bài 58: Các thành phần mới - Rounded Corner

    Bài 59: Các thành phần mới - Border Image

    Bài 60: Các thành phần mới - Background

    Bài 61: Các thành phần mới - Gradients

    Bài 62: Các thành phần mới - Shadow Effects

    Bài 63: Các thành phần mới - Fonts

    Bài 64: Các thành phần mới - Transform 2D

    Bài 65: Các thành phần mới - Transform 3D

    Bài 66: Các thành phần mới - Transitions

    Bài 67: Các thành phần mới - Animation

    Bài 68: Thực hành tổng hợp

    Bài 69: Thực hành tổng hợp - Background và Font

    Bài 70: Thực hành tổng hợp - Shadow Effect

    Bài 71: Thực hành tổng hợp - Animation

    Bài 72: Thực hành tổng hợp - Thanh tiến trình

    Bài 73: Thực hành tổng hợp - Hiệu ứng bounce

  • Xây dựng một Project WEB app trong HTML 5

    Bài 74: Giới thiệu bài thực hành

    Bài 75: Tổng quan

    Bài 76: Tạo cấu trúc HTML5

    Bài 77: Reset CSS

    Bài 78: Thiết lập Reset CSS

    Bài 79: Tạo Vender Prefix

    Bài 80: Google Fonts

    Bài 81: Định dạng Body

    Bài 82: Header

    Bài 83: Tạo thẻ nav

    Bài 84: Image Slider - Article

    Bài 85: Tạo banner images

    Bài 86: Tạo banner animation

    Bài 87: Tạo dải Spacer

    Bài 88: Style cho Textbox button

    Bài 89: Tạo HTML cho 3 columns

    Bài 90: CSS cho 3 columns

    Bài 91: Tạo HTML cho 4 columns

    Bài 92: CSS cho 4 columns

    Bài 93: Tạo Zoom In cho 4 columns

    Bài 94: Tạo HTML Lightbox

    Bài 95: CSS cho section Lightbox - Giải thích position

    Bài 96: Tạo event click chuột hiển thị Lightbox

    Bài 97: Footer và plugin Emmet

    Bài 98: Làm CSS cấu trúc multiple columns

    Bài 99: Tạo hiệu ứng phóng rocket

    Bài 100: Tạo hiệu ứng rung lắc cho đồng hồ

    Bài 101: Làm footer 3 cột

    Bài 102: Làm footer copyright

    Bài 103: Giới thiệu responsive design

    Bài 104: Khái niệm và bước 1: Thực hiện

    Bài 105: Responsive bước 2: Media type

    Bài 106: Responsive bước 3: Media feature

    Bài 107: Mobile first vs Desktop first

    Bài 108: Responsive thực hành

    Bài 109: Responsive code

Học Online: Tại đây

Google Driver   |   Mshare ( Tốc độ cao )

Pass giải nén: khosinhvien.com

Hướng dẫn getlink tại kho Sinh Viên  tại đây hoặc xem hình ảnh mịnh họa dưới

Nguồn Kho Sinh Viên - Tất cả dữ liệu chia sẽ hoàn toàn miễn phí