Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế

|
Mã SP: edu849
30 COIN 599 COIN
Thời gian ưu đãi còn 6h
  • Thời lượng:

    27 giờ 24 phút

  • Giáo trình:

    177 bài giảng

  • Sở hữu khóa học trọn đời
  • Cấp chứng nhận hoàn thành
  • Giảm thêm 10% khi thanh toán online
Hotline hỗ trợ khách hàng 24/7: 0397.152.197
|

Chi tiết Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế

Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế

Mô Tả Ngắn Khóa Học

  • Thời lượng:

    27 giờ 24 phút

  • Giáo trình:

    177 bài giảng

  • Sở hữu khóa học trọn đời
  • Cấp chứng nhận hoàn thành
  • Giảm thêm 10% khi thanh toán online

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

Nắm chắc kiến thức cơ bản về và 2 phần mềm cần thiết cho cắt web là CSS và HTML 
Hiểu rõ về Bootstrap 4, các thành phần của Bootstrap, cài đặt cũng như thực hành cắt web với Bootstrap.
Học cắt web từ file thiết kế Photoshop với các giao diện ILLUSTRATE, pix
Kỹ năng cắt web với sản phẩm bán chạy trên Themeforest : Thefox
Thực hành cắt web với 2 phần mềm chuyên dụng CSS và HTML trên các địa chỉ website lớn như: Kenh14.vn, Vietnamnet.vn, Docbao.vn, Marry.vn, Giadinh.net,...
Hiểu rõ về các thuộc tính trong CSS: thuộc tính Absolute và Relative, thuộc tính Fle,..  và thực hành trên các web cụ thể, để thành thục công cụ.

Giới thiệu khóa học Có phải bạn:  Bạn bắt đầu làm quen và biết đến cắt web, thiết kế website? Bạn yêu thích những công việc đầy sáng tạo, ý tưởng mới lạ cắt, thiết kế web? Công việc của bạn đòi hỏi bạn cần biết bắt web, xử lý thông tin, trình bày các nội dung trên web? Bạn cần học công nghệ thông tin online để trang bị thêm những kiến thức cơ bản nhất về cắt, thiết kế web để phục vụ cho công việc của mình, cũng như có thêm cơ hội thăng tiến, kiếm thêm thu nhập cho bản thân? Bạn mới chỉ biết về cắt, thiết kế web chứ không thành thạo và biết các công cụ sử dụng trong cắt web? Bạn đang tìm kiếm một khóa học lập trình web phù hợp với mình Tất cả những khó khăn đó của bạn sẽ được giải quyết nhanh chóng, ngay lập tức khi bạn tham gia khóa. Khóa học BOOTSTRAP 4, HTML5/CSS3 sẽ giúp bạn cải thiện và nâng cao ngay lập tức trình độ cắt web, sử dụng công cụ tác nghiệp trên website. Đặc biệt, đây là khóa học dành cho những người mới bắt đầu, cơ bản từ con số 0 về thiết kế website. Giảng viên Nguyễn Đức Việt sẽ cùng với Học viên Online pd.vn mang đến cho các bạn một khóa học “Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế” với 13 phần giúp các học viên biến những kỹ năng cắt web trở nên đơn giản vô cùng. Khóa học cung cấp cho học viên đầy đủ những kỹ năng cắt web từ cơ bản đến nâng cao. Trong quá trình học, học viên cũng được thực hành cắt web cụ thể trên các trang báo như: VnExpress, Dantri, Kenh14, Baomoi, Vietnamnet.vn,... Các bạn sẽ được rèn luyện thành thục tất cả các kỹ năng cắt web được sử dụng nhiều nhất hiện nay, sử dụng Bootstrap 4 - công cụ lập trình HTML Front End mới nhất đang được nhiều đơn vị web lựa chọn.  Cùng rất nhiều những tính năng cắt web tối ưu, đảm bảo sản phẩm đẹp các sử dụng font icon và làm các hiệu ứng hover trực tiếp trên web,... Trình độ cắt web của bạn sẽ được “nâng cấp” khiến bạn không khỏi bất ngờ. Bạn không chỉ thỏa mãn được đam mê của mình, thỏa sức sáng tạo với các hiệu ứng và kĩ năng cắt web, mà còn mở thêm nhiều cơ hội để thăng tiến trong công việc và thể hiện trình độ chuyên môn của mình. Vậy còn chờ đợi gì nữa, đăng ký khóa học “Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế” của giảng viên Nguyễn Đức Việt ngay hôm nay trước khi hết chương trình ưu đãi khóa học tại pd thôi!

GIÁO VIÊN Khóa Học

- Nguyễn Đức Việt Giảng viên Thiết kế web tại FPT - Arena Tốt nghiệp đại học Bách Khoa Hà Nội, khóa 49, khoa Công nghệ phần mềm. -
Danh mục cùng loại: Khóa học công nghệ thông tin

CHÚ Ý: Khóa học do admin mua giá gốc gấp 10,20 lần giá hiện tại. Bạn chỉ cần góp 1 chút để học chung với admin. Hoặc làm nhiệm vụ để nhận COIN thưởng free
Tuyệt đối không mang đi chuộc lợi cá nhân!

Danh Sách Bài Giảng

# Tên bài Link học Download
0

Bài 1: Cài đặt phần mềm cần thiết

Xem ngay

Download
1

Bài 2: Giới thiệu khóa học

Xem ngay

Download
2

Bài 3: Giới thiệu các thẻ HTML cần thiết cho cắt web

Xem ngay

Download
3

Bài 4: 3 Cách đưa CSS vào trong file HTML

Xem ngay

Download
4

Bài 5: Các thuộc tính css

Xem ngay

Download
5

Bài 6: Áp dụng thuộc tính đã học chữa bài 1 Kênh 14

Xem ngay

Download
6

Bài 7: Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 1

Xem ngay

Download
7

Bài 8: Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 2

Xem ngay

Download
8

Bài 9: Giới thiệu về class và ID trong CSS

Xem ngay

Download
9

Bài 10: Luyện tập về class và ID tập 1

Xem ngay

Download
10

Bài 11: Luyện tập về class và ID tập 2

Xem ngay

Download
11

Bài 12: Luyện tập về class và ID tập 3

Xem ngay

Download
12

Bài 13: Luyện tập về class và ID tập 4

Xem ngay

Download
13

Bài 14: Cách load và sử dung font mới

Xem ngay

Download
14

Bài 15: Sử dụng font icon và cách làm hiệu ứng hover

Xem ngay

Download
15

Bài 16: Chữa bài Megafun.vn - tập 1

Xem ngay

Download
16

Bài 17: Chữa bài Megafun.vn - tập 2

Xem ngay

Download
17

Bài 18: Chữa bài ione.vnexpress.net

Xem ngay

Download
18

Bài 19: Chữa bài docbao.vn - Tập 1

Xem ngay

Download
19

Bài 20: Chữa bài docbao.vn - Tập 2

Xem ngay

Download
20

Bài 21: Chữa bài docbao.vn - Tập 3

Xem ngay

Download
21

Bài 22: Chữa bài vietnamnet.vn - Tập 1

Xem ngay

Download
22

Bài 23: Chữa bài vietnamnet.vn - Tập 2

Xem ngay

Download
23

Bài 24: Chữa bài marry.vn - Tập 1

Xem ngay

Download
24

Bài 25: Chữa bài marry.vn - Tập 2

Xem ngay

Download
25

Bài 26: Chữa bài marry.vn - Tập 3

Xem ngay

Download
26

Bài 27: Chữa bài marry.vn - Tập 4

Xem ngay

Download
27

Bài 28: Chữa bài giadinh.net

Xem ngay

Download
28

Bài 29: Chữa bài saga.vn - Tập 1

Xem ngay

Download
29

Bài 30: Chữa bài saga.vn - Tập 2

Xem ngay

Download
30

Bài 31: Giới thiệu về thuộc tính absolute và relative

Xem ngay

Download
31

Bài 32: Giới thiệu về thuộc tính flex - Tập 1

Xem ngay

Download
32

Bài 33: Giới thiệu về thuộc tính flex - Tập 2

Xem ngay

Download
33

Bài 34: Luyện tập về thuộc tính flex - Tập 1

Xem ngay

Download
34

Bài 35: Luyện tập về thuộc tính flex - Tập 2

Xem ngay

Download
35

Bài 36: Luyện tập absolute với website guu-vn - Tập 1

Xem ngay

Download
36

Bài 37: Luyện tập absolute với website guu-vn - Tập 2

Xem ngay

Download
37

Bài 38: Luyện tập absolute với website guu-vn - Tập 3

Xem ngay

Download
38

Bài 39: Luyện tập absolute với website guu-vn - Tập 4

Xem ngay

Download
39

Bài 40: Luyện tập absolute với website guu-vn - Tập 5

Xem ngay

Download
40

Bài 41: Chữa bài 1 absolute Usatoday - Tập 1

Xem ngay

Download
41

Bài 42: Chữa bài 1 absolute Usatoday - Tập 2

Xem ngay

Download
42

Bài 43: Thực hành absolute với website tiin-.vn - Tập 1

Xem ngay

Download
43

Bài 44: Thực hành absolute với website tiin-.vn - Tập 2

Xem ngay

Download
44

Bài 45: Luyện tập về thuộc tính chia layer với udemy.com

Xem ngay

Download
45

Bài 46: Kết hợp absolute với transition

Xem ngay

Download
46

Bài 47: Thuộc tính background attachment

Xem ngay

Download
47

Bài 48: Thuộc tính animation - tập 1

Xem ngay

Download
48

Bài 49: Thuộc tính animation - tập 2

Xem ngay

Download
49

Bài 50: Kết hợp thuộc tính absolute, transition và flex - Tập 1

Xem ngay

Download
50

Bài 51: Kết hợp thuộc tính absolute, transition và flex - Tập 2

Xem ngay

Download
51

Bài 52: Kết hợp thuộc tính absolute, transition và flex - Tập 3

Xem ngay

Download
52

Bài 53: Kết hợp thuộc tính absolute, transition và flex - Tập 4

Xem ngay

Download
53

Bài 54: Kết hợp absolute và hover transition - Tập 1

Xem ngay

Download
54

Bài 55: Kết hợp absolute và hover transition - Tập 2

Xem ngay

Download
55

Bài 56: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 1

Xem ngay

Download
56

Bài 57: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 2

Xem ngay

Download
57

Bài 58: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 3

Xem ngay

Download
58

Bài 59: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 4

Xem ngay

Download
59

Bài 60: Tổng kết phần html - css và giới thiệu kiến thức mới

Xem ngay

Download
60

Bài 61: Giới thiệu về bootstrap 4

Xem ngay

Download
61

Bài 62: Cài đặt bootstrap - tập 1

Xem ngay

Download
62

Bài 63: Cài đặt bootstrap - tập 2

Xem ngay

Download
63

Bài 64: Thành phần grid trong bootstrap - Tập 1

Xem ngay

Download
64

Bài 65: Thành phần grid trong bootstrap - Tập 2

Xem ngay

Download
65

Bài 66: Giới thiệu về responsive

Xem ngay

Download
66

Bài 67: Giới thiệu về alert

Xem ngay

Download
67

Bài 68: Giới thiệu về breadcrumb

Xem ngay

Download
68

Bài 69: Giới thiệu về button

Xem ngay

Download
69

Bài 70: Phương pháp học bootstrap

Xem ngay

Download
70

Bài 71: Giới thiệu về checkbox và radio button

Xem ngay

Download
71

Bài 72: Giới thiệu về dropdown menu

Xem ngay

Download
72

Bài 73: Giới thiệu về thành phần mới so với BS3: Card layout

Xem ngay

Download
73

Bài 74: Giới thiệu về thành phần card deck

Xem ngay

Download
74

Bài 75: Giới thiệu về thành phần card group

Xem ngay

Download
75

Bài 76: Giới thiệu về thành phần card column

Xem ngay

Download
76

Bài 77: Giới thiệu về thành phần carousel

Xem ngay

Download
77

Bài 78: Giới thiệu về thành phần collapse

Xem ngay

Download
78

Bài 79: Giới thiệu về thành phần form

Xem ngay

Download
79

Bài 80: Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap

Xem ngay

Download
80

Bài 81: Thành Phần menu trong bootstrap

Xem ngay

Download
81

Bài 82: Thành phần spacing trong bootstrap

Xem ngay

Download
82

Bài 83: Thành phần căn chỉnh trong bootstrap

Xem ngay

Download
83

Bài 84: Sử dụng card layout để tạo thông tin

Xem ngay

Download
84

Bài 85: Tóm tắt kiến thức

Xem ngay

Download
85

Bài 86: Giới thiệu bài tập tạo website với bootstrap

Xem ngay

Download
86

Bài 87: Sử dụng navbar collapse

Xem ngay

Download
87

Bài 88: Sử dụng jumbotron

Xem ngay

Download
88

Bài 89: Thực hành Bootstrap 4 với card deck layout

Xem ngay

Download
89

Bài 90: Viết hiệu ứng scroll bằng jquery

Xem ngay

Download
90

Bài 91: Tổng kết kiến thức

Xem ngay

Download
91

Bài 92: Giới thiệu website

Xem ngay

Download
92

Bài 93: Tạo menu responsive thế nào

Xem ngay

Download
93

Bài 94: Tạo hiệu ứng slide theo website

Xem ngay

Download
94

Bài 95: Hoàn thiện website

Xem ngay

Download
95

Bài 96: Tổng kết website và kiến thức học được

Xem ngay

Download
96

Bài 97: Tóm tắt kiến thức - tập 1

Xem ngay

Download
97

Bài 98: Tóm tắt kiến thức - tập 2

Xem ngay

Download
98

Bài 99: Tạo menu và carosel bằng phím tắt

Xem ngay

Download
99

Bài 100: Tinh chỉnh và hoàn thiện menu

Xem ngay

Download
100

Bài 101: Xử lý phần khoảng cách cho menu bằng css

Xem ngay

Download
101

Bài 102: Xử lý phần nội dung cho carousel caption

Xem ngay

Download
102

Bài 103: Phương pháp xử lý responsive trong BS4

Xem ngay

Download
103

Bài 104: Xử lý căn chỉnh nội dung bằng row trong row

Xem ngay

Download
104

Bài 105: Tinh chỉnh phần nội dung chính xác bằng css

Xem ngay

Download
105

Bài 106: Xử lý khối thông tin website chứa facebook button

Xem ngay

Download
106

Bài 107: Hoàn thiện khối thông tin website với css

Xem ngay

Download
107

Bài 108: Hoàn thiện footer

Xem ngay

Download
108

Bài 109: Creative theme - bước chuẩn bị

Xem ngay

Download
109

Bài 110: Creative theme - tạo khung html - tập 1

Xem ngay

Download
110

Bài 111: Creative theme - tạo khung html - tập 2

Xem ngay

Download
111

Bài 112: Creative theme - tạo css cho phần menu trên - tập 1

Xem ngay

Download
112

Bài 113: Creative theme - tạo css cho phần menu trên - tập 2

Xem ngay

Download
113

Bài 114: Creative theme - tạo css cho phần banner - tập 1

Xem ngay

Download
114

Bài 115: Creative theme - tạo css cho phần banner - tập 2

Xem ngay

Download
115

Bài 116: Velocity theme - xử lý responsive - tập 1

Xem ngay

Download
116

Bài 117: Velocity theme - xử lý responsive - tập 2

Xem ngay

Download
117

Bài 118: Creative theme - xử lý khối giới thiệu

Xem ngay

Download
118

Bài 119: Creative theme - xử lý phần chia cột - tập 1

Xem ngay

Download
119

Bài 120: Creative theme - xử lý phần chia cột - tập 2

Xem ngay

Download
120

Bài 121: Creative theme - xử lý khối sản phẩm - tập 1

Xem ngay

Download
121

Bài 122: Creative theme - xử lý khối sản phẩm - tập 2

Xem ngay

Download
122

Bài 123: Creative theme - xử lý hiệu ứng jquery

Xem ngay

Download
123

Bài 124: Velocity theme - bắt đầu với menu

Xem ngay

Download
124

Bài 125: Velocity theme - tạo banner

Xem ngay

Download
125

Bài 126: Velocity theme - tạo css cho phần logo - tập 1

Xem ngay

Download
126

Bài 127: Velocity theme - tạo css cho phần logo - tập 2

Xem ngay

Download
127

Bài 128: Velocity theme - tạo css cho menu responsive - tập 1

Xem ngay

Download
128

Bài 129: Velocity theme - tạo css cho menu responsive - tập 2

Xem ngay

Download
129

Bài 130: Velocity theme - tạo css cho menu responsive - tập 3

Xem ngay

Download
130

Bài 131: Velocity theme - tạo css cho phần banner responsive

Xem ngay

Download
131

Bài 132: Velocity theme - tạo phần dịch vụ - tập 1

Xem ngay

Download
132

Bài 133: Velocity theme - tạo phần dịch vụ - tập 2

Xem ngay

Download
133

Bài 134: Velocity theme - xử lý hiệu ứng slide - tập 1

Xem ngay

Download
134

Bài 135: Velocity theme - xử lý hiệu ứng slide - tập 2

Xem ngay

Download
135

Bài 136: Velocity theme - hiệu ứng jquery - tập 1

Xem ngay

Download
136

Bài 137: Velocity theme - hiệu ứng jquery - tập 2

Xem ngay

Download
137

Bài 138: Giới thiệu phần mềm photoshop

Xem ngay

Download
138

Bài 139: Bước chuẩn bị cho cắt web

Xem ngay

Download
139

Bài 140: Sử dụng bootstrap tạo khung menu

Xem ngay

Download
140

Bài 141: Tạo css cho menu trên màn hình desktop

Xem ngay

Download
141

Bài 142: Tạo css cho menu trên màn hình iphone

Xem ngay

Download
142

Bài 143: Tạo khung html cho slide banner

Xem ngay

Download
143

Bài 144: Tạo css cho slide banner - tập 1

Xem ngay

Download
144

Bài 145: Tạo css cho slide banner - tập 2

Xem ngay

Download
145

Bài 146: Tạo khung html cho khối dịch vụ

Xem ngay

Download
146

Bài 147: Tạo css cho khối dịch vụ

Xem ngay

Download
147

Bài 148: Hướng dẫn xử lý các phần khác của giao diện

Xem ngay

Download
148

Bài 149: Phần chuẩn bị

Xem ngay

Download
149

Bài 150: Xử lý css cho phần top header

Xem ngay

Download
150

Bài 151: Xử lý css cho phần menu trên

Xem ngay

Download
151

Bài 152: Tạo khung HTML cho phần banner

Xem ngay

Download
152

Bài 153: Xử lý css cho phần banner

Xem ngay

Download
153

Bài 154: Xử lý phần html cho khối thông tin

Xem ngay

Download
154

Bài 155: Xử lý css cho phần khối thông tin

Xem ngay

Download
155

Bài 156: Xử lý html cho khối sản phẩm

Xem ngay

Download
156

Bài 157: Xử lý css cho khối sản phẩm

Xem ngay

Download
157

Bài 158: Bước chuẩn bị

Xem ngay

Download
158

Bài 159: Xử lý phần html cho phần logo và menu

Xem ngay

Download
159

Bài 160: Xử lý phần html cho phần logo và menu

Xem ngay

Download
160

Bài 161: Xử lý html cho phần banner

Xem ngay

Download
161

Bài 162: Xử lý css cho phần banner

Xem ngay

Download
162

Bài 163: Xử lý html cho khối 3 dịch vụ

Xem ngay

Download
163

Bài 164: Xử lý css cho phần 3 dịch vụ

Xem ngay

Download
164

Bài 165: Tóm tắt các làm cho phần còn lại của giao diện

Xem ngay

Download
165

Bài 166: Cắt web thefox- bước chuẩn bị

Xem ngay

Download
166

Bài 167: Cắt web thefox - tạo khung html cho topheader

Xem ngay

Download
167

Bài 168: Cắt web thefox - tạo css cho phần topheader

Xem ngay

Download
168

Bài 169: Tạo html cho phần menu

Xem ngay

Download
169

Bài 170: Cắt web thefox - tạo css cho phần menu

Xem ngay

Download
170

Bài 171: Cắt web thefox - tạo css cho menu trên iphone

Xem ngay

Download
171

Bài 172: Cắt web thefox- tạo khung html cho banner

Xem ngay

Download
172

Bài 173: Cắt web thefox- tạo css cho phần banner

Xem ngay

Download
173

Bài 174: Cắt web thefox - tạo html cho phần giới thiệu

Xem ngay

Download
174

Bài 175: Cắt web thefox - tạo css cho phần giới thiệu

Xem ngay

Download
175

Bài 176: Cắt web thefox - hướng dẫn xử lý các phần còn lại

Xem ngay

Download
176

Bài 177: Tổng kết khóa học

Xem ngay

Download
Server: #Server1 #Server2
Đánh giá

Đánh giá của bạn. Hãy cho chúng tôi biết chất lượng về sản phẩm bằng cách đánh giá dưới đây!