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

Lập trình web front-end cơ bản với Bootstrap 4, Jquery, CSS3, HTML5

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

Tổng quan

Bạn muốn học lập trình web một cách bài bản? Bạn muốn trải nghiệm kiến thức chuẩn quốc tế với các phần mềm thông dụng nhất hiện nay? Bạn muốn tìm các khoá học đáp ứng đầy đủ yêu cầu trên?

Khoá học “Lập trình web front-end cơ bản với Bootstrap 4, Jquery, CSS3, HTML5” của Fedu là dành cho bạn. Khoá học của chúng tôi không chỉ cung cấp hệ thống đầy đủ các kiến thức cần thiết và bổ ích mà còn cho học viên có cơ hội trải nghiệm và áp dụng vào 10 dự án thức tế được chọn lọc như kenh14, vnexpress, docbao,…
Yêu cầu của khóa học
- Máy tính kết nối với Internet
- Cài đặt các phần mềm, framework áp dụng cho việc lập trình với Bootstrap, HTML.
Lợi ích từ khóa học
- Hiểu được các khái niệm chuyên ngành, bản chất và cấu trúc của Bootstrap.
- Cách sử dụng công cụ Chrome developer tool trong thiết kế web hiện đại.
- Cắt được giao diện website theo chuẩn Bootstrap.
- Cách sử dụng thư viện jQuery kết hợp với Bootstrap trong việc làm các Carousel ảnh, hiệu ứng cuộn chuột, hiệu ứng chuyển động.
- 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.
- 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.
- 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.
Đối tượng mục tiêu
- Các bạn muốn học lập trình web bài bản từ đầu bắt buộc phải biết về khóa học này.
- Các lập trình viên hệ thống muốn học về lập trình web front-end để trở thành lập trình viên FullStack.
- Sinh viên, những người kinh doanh tự do muốn xây dựng các website với giao diện và hiệu ứng theo yêu cầu bản thân -Những người mới bước đầu làm quen với lập trình web, muốn tìm hiểu để có cơ hội việc làm tại các công ty chuyên về lập trình.
Giáo trình
Phần 1 : Giới thiệu và các phần mềm cần thiết
  • Bài 1
    Thông tin về group support trong quá trình học và phần mềm sử dụng
    13:41
  • Bài 2
    Giới thiệu khóa học
    12:04
  • Bài 3
    Cài đặt 2 phần mềm cần thiết
    13:41
Phần 2 : Các kiến thức cơ bản
  • Bài 4
    Giới thiệu các thẻ HTML cần thiết cho cắt web.mp4
    15:38
  • Bài 5
    3 Cách đưa CSS vào trong file HTML
    09:56
  • Bài 6
    Các thuộc tính css
    09:44
Phần 3 : Học cách cắt web qua từng bài tập
  • Bài 7
    Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 1
    20:57
  • Bài 8
    Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 2
    09:59
  • Bài 9
    Giới thiệu về class và ID
    14:25
  • Bài 10
    Luyện tập về class và ID tập 1
    08:11
  • Bài 11
    Luyện tập về class và ID tập 2
    08:34
  • Bài 12
    Luyện tập về class và ID tập 3
    10:58
  • Bài 13
    Load font bất kì thế nào
    09:35
  • Bài 14
    Sử dụng font icon và cách làm hiệu ứng hover
    16:43
  • Bài 15
    Chữa bài 4 Megafun.vn - tập 1
    10:01
  • Bài 16
    Chữa bài 4 Megafun.vn - tập 2
    15:48
  • Bài 17
    Chữa bài 5 ione.vnexpress
    07:39
  • Bài 18
    Chữa bài docbao.vn - Tập 1
    09:59
  • Bài 19
    Chữa bài docbao.vn - Tập 2
    09:42
  • Bài 20
    Chữa bài docbao.vn - Tập 3
    10:22
  • Bài 21
    Chữa bài vietnamnet.vn - Tập 1
    08:32
  • Bài 22
    Chữa bài vietnamnet.vn - Tập 2
    09:10
  • Bài 23
    Chữa bài marry.vn - Tập 1
    09:40
  • Bài 24
    Chữa bài marry.vn - Tập 2
    07:29
  • Bài 25
    Chữa bài marry.vn - Tập 3
    26:22
  • Bài 26
    Chữa bài marry.vn - Tập 4
    10:57
  • Bài 27
    Chữa bài giadinh.net
    30:18
  • Bài 28
    Chữa bài saga.vn - Tập 1
    21:09
  • Bài 29
    Chữa bài saga.vn - Tập 2
    07:32
Phần 4 : Các thuộc tính chia layer trong css
  • Bài 30
    Giới thiệu về thuộc tính absolute và relative
    12:03
  • Bài 31
    Giới thiệu về thuộc tính flex - Tập 1
    09:47
  • Bài 32
    Giới thiệu về thuộc tính flex - Tập 2
    16:27
  • Bài 33
    Luyện tập về thuộc tính flex
    12:25
  • Bài 34
    Ví dụ về thuộc tích Flex
    31:23
  • Bài 35
    Luyện tập thuộc tính absolute với website guu-vn - Tập 1
    08:38
  • Bài 36
    Luyện tập thuộc tính absolute với website guu-vn - Tập 2
    09:59
  • Bài 37
    Luyện tập thuộc tính absolute với website guu-vn - Tập 3
    08:36
  • Bài 38
    Luyện tập thuộc tính absolute với website guu-vn - Tập 4
    09:21
  • Bài 39
    Luyện tập thuộc tính absolute với website guu-vn - Tập 5
    11:16
  • Bài 40
    Chữa bài 1 absolute với Website Usatoday.com - Tập 1
    09:43
  • Bài 41
    Chữa bài 1 absolute với Website Usatoday.com - Tập 2
    05:52
  • Bài 42
    Thực hành absolute với website tiin-.vn - Tập 1
    04:55
  • Bài 43
    Thực hành absolute với website tiin-.vn - Tập 2
    06:24
  • Bài 44
    Thực hành absolute với website udemy.com
    12:16
  • Bài 45
    Thực hành absolute kết hợp hiệu ứng transition
    12:50
  • Bài 46
    Chữa bài hiệu ứng cuộn chuột sử dụng bạckground attachment
    13:16
  • Bài 47
    Chữa bài thuộc tính animation - tập 1
    08:47
  • Bài 48
    Chữa bài thuộc tính animation - tập 2
    08:53
  • Bài 49
    Áp dụng thuộc tính position và hover transition qua bài tập
    13:13
  • Bài 50
    Áp dụng thuộc tính absolute, transition và flex - Tập 1
    08:02
  • Bài 51
    Áp dụng thuộc tính absolute, transition và flex - Tập 2
    08:58
  • Bài 52
    Áp dụng thuộc tính absolute, transition và flex - Tập 3
    05:34
  • Bài 53
    Áp dụng thuộc tính absolute, transition và flex - Tập 4
    09:02
  • Bài 54
    Luyện tập absolute và hover transition
    12:33
  • Bài 55
    Áp dụng absolute và hover transition qua bài hiệu ứng số 4 - tập 1
    08:50
  • Bài 56
    Áp dụng absolute và hover transition qua bài hiệu ứng số 4 - tập 2
    05:46
  • Bài 57
    Áp dụng absolute và hover transition qua bài hiệu ứng số 4 - tập 3
    04:27
Phần 5 : Giới thiệu Bootstrap 4 và cài đặt
  • Bài 58
    Giới thiệu về bootstrap 4
    10:50
  • Bài 59
    Hướng dẫn cài đặt bootstrap - tập 1
    08:37
  • Bài 60
    Hướng dẫn cài đặt bootstrap - tập 2
    06:31
  • Bài 61
    Giới thiệu hệ thống lưới của Boostrap
    20:45
  • Bài 62
    Thành phần grid trong bootstrap 4
    09:35
  • Bài 63
    Áp dụng hệ thống lưới cho web responsive thế nào?
    12:34
Phần 6 : Bắt đầu học Bootstrap 4
  • Bài 64
    Thành phần alert trong bootstrap 4
    11:05
  • Bài 65
    Thành phần breadcrumb
    05:31
  • Bài 66
    Thành phần button trong bootstrap
    09:25
  • Bài 67
    Ghi chú về cách học bootstrap 4
    03:57
  • Bài 68
    Thành phần checkbox và radio
    08:23
  • Bài 69
    Thành phần dropdown menu và button group
    17:08
  • Bài 70
    Thành phần card layout
    11:55
  • Bài 71
    Thành phần card deck
    05:18
  • Bài 72
    Thành phần card group trong bootstrap 4
    04:10
  • Bài 73
    Thành phần card column trong bootstrap 4
    07:22
  • Bài 74
    Thành phần carousel trong bootstrap 4
    06:23
  • Bài 75
    Thành phần collapse trong bootstrap 4
    10:43
  • Bài 76
    Thành phần form trong bootstrap 4
    10:40
  • Bài 77
    Tổng kết kiến thức đã học - giới thiệu phương pháp làm website dựa trên bootstrap 4
    10:26
Phần 7 : Học Bootstrap bằng việc làm lại các website - Phần 1
  • Bài 78
    Xử lý menu với bootstrap thế nào?
    14:17
  • Bài 79
    Xử lý chia cột và giới thiệu thành phần spacing bootstrap
    11:30
  • Bài 80
    Xử lý khối thông báo và giới thiệu class sử dụng cho căn chỉnh
    05:43
  • Bài 81
    Xử lý khối 3 cột thông tin bằng card layout
    04:34
  • Bài 82
    Tổng kết kiến thức đã học từ website số 1
    04:17
Phần 8 : Học Bootstrap bằng việc làm lại các website - Phần 2
  • Bài 83
    giới thiệu website số 3
    02:06
  • Bài 84
    Thực hành bootstrap với navbar collapse
    08:19
  • Bài 85
    Thực hành bootstrap với jumbotron
    07:05
  • Bài 86
    Thực hành bootstrap card decks
    08:21
  • Bài 87
    Thực hành bootstrap với float xs và hiệu ứng jquery scroll
    06:20
  • Bài 88
    Tổng kết website số 3
    05:18
Phần 9 : Học Bootstrap bằng việc làm lại các website - Phần 3
  • Bài 89
    giới thiệu website
    02:51
  • Bài 90
    Thực hành bootstrap 4 với menu responsive
    04:16
  • Bài 91
    Thực hành bootstrap 4 với hiệu ứng carosel tùy biến
    13:31
  • Bài 92
    Thực hành bootstrap làm toàn bộ website trong 5 phút
    09:28
  • Bài 93
    Tổng kết website và kiến thức học được
    03:26
Phần 10 : Học Bootstrap bằng việc làm lại các website - Phần 4
  • Bài 94
    Giới thiệu website và các kiến thức cần sử dụng
    03:22
  • Bài 95
    Tạo menu và carosel bằng phím tắt
    07:22
  • Bài 96
    Tùy chỉnh và hoàn thiện menu
    12:52
  • Bài 97
    Xủ lý phần khoảng cách cho menu
    07:03
  • Bài 98
    Xử lý phần nội dung carousel caption
    09:31
  • Bài 99
    Giới thiệu phương pháp xử lý responsive
    13:00
  • Bài 100
    Xử lý căn chỉnh nội dung bằng row trong row
    08:12
  • Bài 101
    Tinh chỉnh phần nội dung bằng css
    12:31
  • Bài 102
    Xử lý khối thông tin website chứa facebook button
    06:23
  • Bài 103
    Hoàn thiện khối thông tin website với css
    06:08
  • Bài 104
    Hoàn thiện footer
    09:28
Phần 11 : Học Bootstrap 4 qua việc làm theme bootstrap - Creative theme
  • Bài 105
    Creative theme - bước chuẩn bị
    04:35
  • Bài 106
    Creative theme - tạo khung html - tập 1
    08:37
  • Bài 107
    Creative theme - tạo khung html - tập 2
    06:44
  • Bài 108
    Creative theme - tạo css cho phần menu trên - tập 1
    15:04
  • Bài 109
    Creative theme - tạo css cho phần menu trên - tập 2
    07:03
  • Bài 110
    Creative theme - tạo css cho phần banner - tập 1
    15:04
  • Bài 111
    Creative theme - tạo css cho phần banner - tập 2
    05:04
  • Bài 112
    Creative theme - xử lý responsive - tập 1
    07:09
  • Bài 113
    Creative theme - xử lý responsive - tập 2
    03:58
  • Bài 114
    Creative theme - xử lý khối giới thiệu
    08:44
  • Bài 115
    Creative theme - xử lý phần chia cột - tập 1
    04:59
  • Bài 116
    Creative theme - xử lý phần chia cột - tập 2
    05:49
  • Bài 117
    Creative theme - xử lý khối sản phẩm - tập 1
    09:43
  • Bài 118
    Creative theme - xử lý khối sản phẩm - tập 2
    07:56
  • Bài 119
    Creative theme - xử lý hiệu ứng jquery
    07:59
Phần 12 : Học Bootstrap 4 qua việc làm theme bootstrap - Velocity theme
  • Bài 120
    Velocity theme - bắt đầu với menu
    08:23
  • Bài 121
    Velocity theme - tạo banner
    06:55
  • Bài 122
    Velocity theme - tạo css cho phần logo - tập 1
    06:27
  • Bài 123
    Velocity theme - tạo css cho phần logo - tập 2
    06:38
  • Bài 124
    Velocity theme - tạo css cho menu responsive - tập 1
    06:29
  • Bài 125
    Velocity theme - tạo css cho menu responsive - tập 2
    04:50
  • Bài 126
    Velocity theme - tạo css cho menu responsive - tập 3
    09:14
  • Bài 127
    Velocity theme - tạo css cho phần banner responsive
    08:04
  • Bài 128
    Velocity theme - tạo phần dịch vụ - tập 1
    07:14
  • Bài 129
    Velocity theme - tạo phần dịch vụ - tập 2
    09:05
  • Bài 130
    Velocity theme - xử lý hiệu ứng slide - tập 1
    07:06
  • Bài 131
    Velocity theme - xử lý hiệu ứng slide - tập 2
    05:40
  • Bài 132
    Velocity theme - hiệu ứng jquery - tập 1
    06:44
  • Bài 133
    Velocity theme - hiệu ứng jquery - tập 2
    07:56
Phần 13 : Học cắt web từ file thiết kế photoshop
  • Bài 134
    Giới thiệu phần mềm photoshop
    05:08
  • Bài 135
    Bước chuẩn bị cho cắt web
    09:06
  • Bài 136
    Tạo css cho menu trên màn hình desktop
    08:51
  • Bài 137
    Tạo css cho menu trên màn hình iphone
    04:01
  • Bài 138
    Tạo khung html cho slide banner
    06:30
  • Bài 139
    Tạo css cho slide banner - tập 1
    11:35
  • Bài 140
    Tạo css cho slide banner - tập 2
    08:25
  • Bài 141
    Tạo khung html cho khối dịch vụ
    05:20
  • Bài 142
    Tạo css cho khối dịch vụ
    07:45
  • Bài 143
    Hướng dẫn xử lý các phần khác của giao diện
    01:38
Phần 14 : Cắt web với sản phẩm bán chạy trên themeforest thefox
  • Bài 144
    Cắt web thefox - Phần chuẩn bị
    06:11
  • Bài 145
    Cắt web thefox - Xử lý css cho phần top header
    06:09
  • Bài 146
    Cắt web thefox - Tạo CSS cho phần top header
    16:13
  • Bài 147
    Cắt web thefox - Tạo HTML cho phần menu
    05:56
  • Bài 148
    Cắt web thefox - Tạo css cho phần menu
    11:34
  • Bài 149
    Cắt web thefox - Tạo CSS cho menu trên iphone
    04:05
  • Bài 150
    Cắt web thefox - Tạo khung HTML cho banner
    03:10
  • Bài 151
    Cắt web thefox - Tạo css cho phần banner
    13:01
  • Bài 152
    Cắt web thefox - Tạo HTML cho phần giới thiệu
    06:02
  • Bài 153
    Cắt web thefox - Tạo css cho phần giới thiệu
    08:19
  • Bài 154
    Cắt web thefox - Hướng dẫn xử lý các phần còn lại
    03:25
Phần 15 : Cắt web từ file thiết kế photoshop - giao diện illustrate
  • Bài 155
    Bước chuẩn bị cho giao diện illustrate
    03:02
  • Bài 156
    Xử lý css cho phần top header
    06:09
  • Bài 157
    Xử lý CSS cho phần menu trên
    12:33
  • Bài 158
    Tạo khung HTML cho phần banner
    03:10
  • Bài 159
    Xử lý CSS cho phần banner
    11:19
  • Bài 160
    Xử lý phần HTML cho khối thông tin
    03:00
  • Bài 161
    Xứ lý CSS cho phần khối thông tin
    04:36
  • Bài 162
    Xử lý phần HTML cho khối sản phẩm
    04:59
  • Bài 163
    Xử lý phần CSS cho khối sản phẩm
    12:09
Phần 16 : Cắt web từ file thiết kế photoshop - giao diện Pix
  • Bài 164
    Bước chuẩn bị
    01:54
  • Bài 165
    Xử lý phần HTML cho phần logo và menu
    05:27
  • Bài 166
    Xử lý phần CSS cho menu
    12:57
  • Bài 167
    Xử lý HTML cho phần banner
    07:02
  • Bài 168
    Xử lý CSS cho phần banner
    12:03
  • Bài 169
    Xử lý HTML cho khối 3 dịch vụ
    05:16
  • Bài 170
    Xử lý CSS cho phần 3 dịch vụ
    11:53
  • Bài 171
    Tóm tắt cách làm cho phần còn lại của giao diện
    01:31
Giá khóa học 249.000đ
  • Chủ đề Tin học văn phòng
  • Số bài học 171
  • Thời lượng video 01:47:11
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
23
Học viên
91
Bài giảng
1
Đá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