Chia sẻ khóa học nhận ngay hoa hồng cực khủng lên đến 45% Thử ngay

Học HTML/CSS cơ bản qua bài tập thực tế

(0 lượt đánh giá khóa học)
Nguyễn Đức Việt

Tổng quan

- Hiểu được các khái niệm chuyên ngành từ cơ bản đến nâng cao của bootstrap.
- Trải nghiệm thực hành các hàm thông dụng trong jQuery xuyên suốt trong các bài và các chương.
- Học được cách sử dụng công cụ chrome developer tool trong thiết kế web hiện đại.
- Hiểu bản chất và cấu trúc của bootstrap.
- Cắt được giao diện website theo chuẩn bootstrap.
- Học được cách sử dụng thư viện jquery kết hợp với bootstrap trong việc làm các slide ảnh, hiệu ứng cuộn chuột, hiệu ứng chuyển động.
- Học được cách sử dụng css3 kết hợp bootstrap để thao tác với các hiệu ứng trong thiết kế phẳng.
- Học được cách tư duy theo hướng bootstrap để clone lại các website dùng cho các mục đích khác nhau.
- Làm theme cho bootstrap để bán trên WrapBootstrap ShapeBootstrap GrayGrids BootstrapBay GridGum BootstrapMade SuperBootstrap.
- Cắt giao diện website từ photoshop ra html sử dụng bootstrap.
- Hiểu về bản chất wordpress và các hàm cơ bản để tạo website động trên wordpress.
Yêu cầu của khóa học
- Máy tính hoặc điện thoại có kết nối Internet.
Lợi ích từ khóa học
- Sau khi học người học có thể tự làm được trang web cá nhân với đầy đủ hiệu ứng như các giao diện web hiện nay được bày bán, tự làm được giao diện web ảnh , tự tạo trang trình bày sản phẩm của mình, tự thiết kế trang blog cho cá nhân, tự làm trang giới thiệu công ty, cửa hàng, dịch vụ với đầy đủ hiệu ứng theo ý mình, với đầy đủ tính năng responsive.
- Về lâu dài khi đã tự thiết kế được giao diện bạn có thể ghép với wordpress hoặc cms khác để bán thành phẩm tại các trang web nổi tiếng như themeforest....
Đối tượng mục tiêu
- Những Web Developers, Web Designers, người lập trình ứng dụng, thiết kế app, phát triển app muốn nâng cao năng lực và kỹ năng nghề nghiệp để cải thiện chất lượng và năng suốt công việc.
- Những người muốn giải quyết các vấn đề lớn của nhu cầu web chất lượng cao hiện nay : web thiết kế đơn giản, hiệu quả, và responsive.
- Những bạn sinh viên Công nghệ thông tin muốn bổ sung các kiến thức nên tảng về Bootstrap.
- Khoá học này cùng dành cho tất cả mọi người dù không biết lập trình, dù ở độ tuổi nào miễn là có đam mê to lớn đối với lập trình.
Giáo trình
Phần 1 - Giới thiệu khóa học và cài đặt công cụ
  • Bài 1
    Giới thiệu khóa học
    08:30
  • Bài 2
    Cài đặt công cụ
    07:57
Phần 2 - Giới thiệu các thẻ HTML cơ bản
  • Bài 3
    Giới thiệu các thẻ HTML cơ bản
    06:12
  • Bài 4
    Thẻ tiêu đề
    04:44
  • Bài 5
    Nhóm thẻ xuống dòng
    03:41
  • Bài 6
    Thẻ trình bày text và gắn link
    05:24
  • Bài 7
    Thẻ ảnh
    03:35
Phần 3 - Giới thiệu CSS cơ bản
  • Bài 8
    Giới thiệu CSS
    05:09
  • Bài 9
    Học thuộc tính CSS qua bài thực hành - phần 1
    07:50
  • Bài 10
    Học thuộc tính CSS qua bài thực hành - phần 2
    03:40
  • Bài 11
    Học thuộc tính CSS qua bài thực hành - phần 3
    04:39
Phần 4 - Thuộc tính Flex trong CSS
  • Bài 12
    Giới thiệu class trong CSS
    06:57
  • Bài 13
    Áp dụng class và chia cột
    05:22
  • Bài 14
    Luyện tập chia cột bằng flex
    12:36
  • Bài 15
    Cách gọi CSS nâng cao
    05:37
Phần 5 - Luyện tập chia cột bằng Flex
  • Bài 16
    Luyện tập công thức chia cột
    10:11
  • Bài 17
    Cách cài đặt và sử dụng font icon
    13:15
  • Bài 18
    Cách sử dụng nhiều Class cùng một lúc
    10:21
Phần 6 - Chữa bài tập
  • Bài 19
    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
    13:54
  • Bài 20
    Giải thích thuộc tính display block
    05:21
Phần 7 - Làm menu với HTML CSS
  • Bài 21
    Cách làm menu với HTML CSS
    07:35
  • Bài 22
    Thực hành với menu website báo mới
    16:33
  • Bài 23
    Cách căn giữa menu
    06:33
  • Bài 24
    Cách làm hiệu ứng di chuột lên ảnh tương tác lên chữ
    13:47
  • Bài 25
    Chữa bài sử dụng thuộc tính Flex - Phần 1
    12:24
  • Bài 26
    Chữa bài sử dụng thuộc tính Flex - Phần 2
    10:59
Phần 8 - Làm hiệu ứng slide cơ bản nhất
  • Bài 27
    Cách làm hiệu ứng slide ảnh cơ bản nhất
    10:27
  • Bài 28
    Cách tinh chỉnh kích cỡ của hiệu ứng slide
    05:14
Phần 9 - Chữa bài tiki
  • Bài 29
    Chữa bài tiki.vn sử dụng Flex - Phần 1
    09:12
  • Bài 30
    Chữa bài tiki.vn sử dụng Flex - Phần 2
    13:40
  • Bài 31
    Chữa bài tiki.vn sử dụng Flex - Phần 3
    05:45
Phần 10 - Thuộc tính chia layer
  • Bài 32
    Luyện tập chia layer với thuộc tính zoom
    11:10
  • Bài 33
    Luyện tập chia layer kèm thuộc tính xoay
    06:58
  • Bài 34
    Chữa bài sử dụng thuộc tính chia layer
    21:44
  • Bài 35
    Chữa bài chia layer - Phần HTML
    07:14
  • Bài 36
    Chữa bài chia layer - Phần CSS
    15:09
  • Bài 37
    Chữa bài chia layer với thuộc tính Rotate và Perspective
    07:23
Phần 11 - Chữa bài tập CSS3 từ các sản phẩm themeforest bất kỳ
  • Bài 38
    Chữa bài tập CSS3 trên themeforest - Phần 1
    09:20
  • Bài 39
    Chữa bài tập CSS3 trên themeforest - Phần 2
    05:32
  • Bài 40
    Chữa bài tập CSS3 trên themeforest - Phần 3
    13:35
  • Bài 41
    Chữa bài tập CSS3 trên themeforest - Phần 4
    09:00
  • Bài 42
    Chữa bài tập CSS3 trên themeforest - Phần 5
    10:29
Phần 12 - Làm menu đa cấp với thuộc tính chia layer
  • Bài 43
    Cách làm menu đa cấp áp dụng thuộc tính chia layer - Phần 1
    04:07
  • Bài 44
    Cách làm menu đa cấp áp dụng thuộc tính chia layer - Phần 2
    05:20
  • Bài 45
    Cách làm menu đa cấp áp dụng thuộc tính chia layer - Phần 3
    13:04
  • Bài 46
    Cách làm menu đa cấp áp dụng thuộc tính chia layer - Phần 4
    02:59
Phần 13 - Kĩ thuật nâng cao - sử dụng biến và after before trong CSS3
  • Bài 47
    Cách sử dụng biến trong CSS
    10:22
  • Bài 48
    Kĩ thuật sử dụng After before
    13:04
  • Bài 49
    Luyện tập After before và thuộc tính đổ màu Gradient
    09:06
  • Bài 50
    Cách đặt Transition hai chiều
    04:20
Phần 14 - Ôn tập kiến thức đã học qua việc làm giao diện hoàn chỉnh
  • Bài 51
    Thực hành làm giao diện Belton theme - Phần HTML top
    06:33
  • Bài 52
    Thực hành làm giao diện Belton theme - Phần CSS top
    11:30
  • Bài 53
    Thực hành làm giao diện Belton theme - Phần Gradient và chia Layer
    04:34
  • Bài 54
    Thực hành làm giao diện Belton theme - Phần áp dụng after before
    01:38
  • Bài 55
    Thực hành làm giao diện Belton theme - HTML phần text banner
    02:10
  • Bài 56
    Thực hành làm giao diện Belton theme - CSS phần text banner
    10:08
  • Bài 57
    Thực hành làm giao diện Belton theme - HTML CSS phần content
    06:27
  • Bài 58
    Thực hành làm giao diện Belton theme - Background attachment
    01:30
  • Bài 59
    Thực hành làm giao diện Belton theme - Cách đưa icon vào before và after
    05:38
Giá khóa học 249.000đ
  • Chủ đề Tin học văn phòng
  • Số bài học 59
  • Thời lượng video 08:07:08
Thêm vào giỏ hàng
Mua 1 lần
học trọn đời
Học mọi lúc
mọi nơi
Dễ hiểu
dễ áp dụng
Kiến thức
sâu rộng
Nguyễn Đức Việt
Giảng viên Thiết kế web tại FPT - Arena
18
Học viên
91
Bài giảng
0
Đánh giá
Tốt nghiệp đại học Bách Khoa Hà Nội, khóa 49, khoa Công nghệ phần mềm. Giảng viên Thiết kế web tại FPT - Arena. Với 5 năm kinh nghiệm giảng dạy và làm việc trong lĩnh vực thiết kế web, anh đã đào tạo hàng nghìn học viên đã tốt nghiệp và làm việc trong lĩnh vực thiết kế, đặc biệt là thiết kế web chuyên nghiệp. Tham gia rất nhiều dự án web cho FPT và các dự án về thiết kế web dựa trên ngôn ngữ lập trình mã nguồn mở.
  • Hướng dẫn thanh toán