Code 4 dự án HTML/CSS/JS mini trong 2 tiếng cùng Code Dạo [Livestream]
Ғылым және технология
Dạo này già rồi code hơi chậm, nên Code Dạo làm cái Code Challenge để thử thách bản thân code nhanh hơn nha.
Mình sẽ live coding, cày 4 dự án HTML/CSS/JS trong 3 tiếng. Bốn dự án này bao gồm:
- Làm Landing Page với HTML và CSS
- Làm app vẽ với JS và Canvas
- Làm hoá đơn, thanh toán, thêm xoá hàng với HTML/CSS/JS thuần
- Làm slideshow ảnh gái xinh với với CSS và JS
Anh em nhớ đón xem livestream xem Code Dạo bị code hành sml ra sao nha =)) Nếu ko hoàn thành challenge 4 dự án trong 3 tiếng, mình sẽ dẫn đao tự c*ng, cắt tr*m nghỉ code 🥺.
Timeline
0:00:00 Giới thiệu
0:05:35 Landing Page (HTML và CSS)
0:26:21 App vẽ bằng Canvas
0:43:04 Hoá đơn (thêm bớt xoá sửa) với JS
1:18:57 Slideshow ảnh gái xinh
🥳🥳🥳🥳Trân trọng cảm ơn ITguru.vn (itguru.vn) và Haymora.com (haymora.com) đã tài trợ cho lần livestream này:
- Haymora.com (Haymora tức Hãy Mở Ra), trang web review đánh giá công ty uy tín và bảo mật thông tin. Ngoài đánh giá môi trường làm việc các bạn có thể đánh giá về lương, phúc lợi, phỏng vấn một cách riêng biệt. Hàng tuần Haymora sẽ chọn ra một số các đánh giá đầy đủ và có tâm để tặng ba lô laptop.
- ITguru.vn - trang web tuyển dụng và phát triển nghề nghiệp ngành IT. Các bạn có thể vào trang web chính có nhu cầu tìm việc, hoặc vào Blog để xem những bài viết hữu ích. Bạn cũng có thể tham gia viết blog cho ITGuru, để nhận được nhuận bút hấp dẫn nhé
Nhớ subscribe cho mình nhe: bit.ly/codedaotube
Channel Tôi Đi Code Dạo là nơi mình chia sẻ những kiến thức, kinh nghiệm về ngành lập trình mà mình đạt được trong quá trình làm việc. Những kiến thức này sẽ biến các bạn từ một coder trở thành developer - lập trình viên thứ thiệt.
Nhớ ghé thăm và subscribe channel để xem clip mới vào 8H TỐI T3 VÀ T6 hàng tuần nha!
Ghé thăm mình tại:
Blog: toidicodedao.com/
Fanpage: toidicodedao/
Пікірлер: 296
Mình thích code thuần như vầy ghê! Giống như kể một câu chuyện liền mạch vậy. Xin cảm ơn Huy Hoàng!
Nhìn anh code ngưỡng mộ ghê chúc a nhìu sức khỏe và ra nhiều clip giống v để mng học hỏi và khi xem clip này e có động lực học code hơn cảm ơn anh.
Clip của anh rất hay giúp newbie như em có thể tiếp cận nhiều cái mới hơn, cám ơn anh rất nhiềuu!!
Cám ơn anh vì đã tạo ra 1 video hay và bổ ích
hay. trước e cũng ngồi code mấy cái app kiểu todo, list sản phẩm, ap máy tính bằng js thuần :3
Đã đặt mua sách qua link và xem video quảng cáo. Mong anh ra video về newbie nhập môn C#
Video hay quá lần sau hy vọng anh làm thêm clip như vậy
Hóng video này lâu rồi
Ủng hộ anh Hoàng làm những videos thế này nhé, cung cấp kiến thức coding rất thực tế và bổ ích !!! Dấu Bé Ba
dear anh Hoàng, em ít khi like và cmt, clip này dài quá nên ít view, em quyết định like và cmt ủng hộ anh, mặc dù ít view nhưng rất bổ ích! mong anh tiếp tục! i cư i cư
Cám ơn anh vì video chất lượng ạ
Ủng hộ anh hoàng làm tiếp những series như thế này ạ!!
Em rất mong sau nếu anh làm việc những dự án nhỏ này thì anh quay clip lại ạ, cả ngày nay em xem mà vỡ được bao nhiêu thứ, cảm ơn anh
Anh ra thêm video kiểu này nha. Thanks anh!
yêu anh quá chời
cảm ơn a nhiều, tối qua e đi chơi nên miss live stream, cứ tưởng a ẩn luôn clip rồi
Hóng anh ra thêm nhiều video dạng này nữa. Nhưng mà với version màn hình code bự hơn
càng coi thấy ông này đáng yêu quá :v :v tks bro!
anh nói chuyện nhẹ nhàn ghê á, cute ghê
dù e xem chả hiểu cái quái gì cơ mà nhìn a code cảm giác bánh cuốn v l
Đúng lúc em deadline anh ạ =))) thanks a
Anh ơi, làm thêm những video backend dạng như thế này đi ạ.
Em mới học code html. Anh @Hoàng cho em hỏi nên viết layout theo thẻ div hay mấy thẻ html5 ạ? Cảm ơn anh.
Vid rất hữu ích, em cám ơn anh. Chúc anh vui vẻ
Học MIS, làm đồ án code mà toàn tự mò. Toàn học qua anh ❤
Live sau làm back end đi a oiii
video mờ quá bác ơi, up lại độ phân giải cao hơn đi bác ! Góp ý thêm là bác save từng dòng css để ae mới học như mình hiểu tính năng của css đó cho trực quan ! Cảm ơn bác !
A làm thêm video về sử dụng Canvas đi ạ
Hay quá a lần sau lm back-end nha a.
Anh code mà em cảm giác phê phê . Sướng mắt quá :3
A có thể share code e tham khảo với đc k ạ 🤣 tối hqua e xem từ đầu đến off livestream thấy cuốn vc :))
Hôm nào anh làm 1 trang web bán hàng bằng html,css,JavaScript đi ạ
Lần sau code bằng notepad nha anh . Hóng :D
hay quá em, mà anh thích nhất bài 2 cảm giác mang được tư tưởng react vào jquery :D
anh để Râu kiểu Đức Quốc Xã nhìn bén phết nhợ :v
Lần sau code dự án React nha anh ơi...yêu anh 😘😘🤣
EM theo dõi anh hơn 1 năm, e rất thích các bài viết của anh. Anh CHO E HỎI: Anh upload dự án lên cái gì để các nhà tuyển dụng có thể xem được nó ạ ạ? Front end với Back end luôn
3 жыл бұрын
Kiếm con vps up lên em
Sau zoom code lên to xíu, chứ t căng mắt 👀 mãi ms nhìn dc ô ei!!!
@sggxuanthuc5962
2 жыл бұрын
Cho em xin code với ạ
Bác code dạo khá giống stylist của cháu
anh dùng gì để auto recommend code ạ ??? em nhìn thấy chuyên nghiệp quá
a làm web rạp chiếu phim, có chức năng bán vé, chọn ghế nha a (4 tiếng bao gồm front-end, database và back-end) lần này mong a bị cắt ciu sớm =)))
cảm ơn anh rất nhiều , yêu anh 😶😶😶
A viết code bằng phần mềm gì vậy a ? E muốn học từ cái cơ bản nhất là C , thì e nên sử dụng phần mềm nào để học a
Hay quá a ợ :D
nhìn bạn code mới hiểu làm project đơn giản thế nào :D
3 жыл бұрын
Ko do mình chọn project đơn giản demo đó bạn xD
bàn phím anh đang sử dụng là loại nào vậy, nghe tiếng chất quá
không biết anh còn video nào tương tự ko nhỉ, có thể giới thiệu cho em được không
nhìn anh code chóng hết cả mặt, bái phục
Yêu anh, phập phập 😂
Haha đó giờ e làm e chưa biết framwork với boot nó sài sao lun á haha
Cảm ơn anh nhiều nha
Chào anh, giờ học lại từ đầu code web cho người chưa biết gì thì nên học ở đâu ở miền bắc này ạ? A có thể giới thiệu cho em biết 1 địa chỉ uy tín được k? Em rất đam mê code
Quả râu chất lượng thật =))
anh dùng bàn phím gì vậy ạ, nghe vui tai lắm ạ
Học hỏi chủ yếu xem code của anh. Bé wA xem lồi cả mắt.
Mình có viết 1 cuốn sách mang tên Code Dạo Kí Sự - Lập trình viên không phải chỉ biết code. Sách có nhiều nội dung khá hay và bổ ích cho anh em lập trình viên. Các bạn quan tâm có thể vào book.toidicodedao.com để đọc thử và mua ebook nha :3 Timeline 0:00:00 - Giới thiệu 0:05:35 - Landing Page (HTML và CSS) 0:26:21 - App vẽ bằng Canvas 0:43:04 - Hoá đơn (thêm bớt xoá sửa) với JS 1:18:57 - Slideshow ảnh gái xinh 3:00:00 - Cắt trym :3 Trân trọng cảm ơn ITguru.vn và Haymora.com đã tài trợ cho lần livestream này!
@namhoai452
3 жыл бұрын
hôm sau anh làm 3 tiếng voice-enabled chatbots covid_19 đi anh
3 жыл бұрын
1:47:00
Anh cho em hỏi em định học ngành kỹ thuật phần mềm( nó nằm trong CNTT) ở FPT anh thấy ngành nàynhư thế nào anh có tương lai không ạ
anh ơi giả sử sau này đang phỏng vấn làm bài ktra (vd như hackerank) mà lỡ quên mấy cái syntax cơ bản search gg liệu họ có đánh giá mình k anh
anh cho em hỏi làm ntn để style less ... kết nối vs index.html v ak?
A owii làm sao khi kéo trang web xuống hay khi load phần dưới của 1 web mới xuất hiện hoạt ảnh a
Hướng dẫn từ đầu được không a? Làm thế nào để cài đặt giao diện code như vậy,? Làm thế nào để file dự án như vậy?
Xem bạn Code mê quá! Bạn có nhận làm dự án ko?
3 жыл бұрын
Mình ko bạn
Anh làm về đơn hàng đi anh
hôm qua em thấy hay nhưng không xem được, lo anh không đăng lại ghê :)))
anh ơi, bày em less thay css như nào đi anh, e không biết cài hay cấu hình để chạy như anh được
lâu ko viết css, giờ lại có thêm flex
anh ơi chưa bt dì về CNTT thì học bắt đầu bằng cách nào vậy
Làm thêm những video như thế này đi anh
3 жыл бұрын
À nếu nhiều bạn quan tâm a sẽ làm nhé
Anh ơi anh nghĩ sao về ngôn ngữ Ruby ạ
anh ơi, anh làm về react native for mobile đc ko ạ??? hihi
Đang code đồ án khó khăn...tự nhiên nhìn anh code mà em tỉnh ra.... Thấy đồ án mình chẳng là cái gì so với những thứ anh làm trong vài chục phút...... Không biết luyện tới khi nào thì được nữa trình anh😂😂😂
3 жыл бұрын
Đi làm 1 thời gian là thấy code mấy cái này dễ hà em :D
Anh dùng công cụ gì để code đấy ạ
a ơi có thể demo một vi dụ dung MVC ko ạ
em mới học nhìn anh code em đúi quá
Anh chỉnh font to lên xíu a
chào anh, video hay quá, tuy nhiên hơi khó nhìn, anh có thể cho em xin code phần hóa đơn. Cảm ơn anh.
Anh ơi anh không làm về python nửa ah
a live code dự án reactJS đi anh....
làm dự án fullstack đi a , từ backend tới front end luôn , giải thích từng công đoạn thì càng tốt
@ManhTran-ll3te
3 жыл бұрын
bạn mong muốn mà giống như bạn ra lệnh cho người ta ấy :))
tôi có thể code gấp 5 lần ông trong chưa đầy 30 phút . Chỉ cần cài extension chrome video speed X5 lần lên là xong
Anh Hoàng nếu có dịp phỏng vấn FE Dev ở công ty rồi thì hôm nào ra video phỏng vấn có format giống với thực tế được không ạ? Em có thể làm chuột bạch ạ =))
3 жыл бұрын
A có làm clip rồi đó e kzread.info/dash/bejne/rJabj7V-gtuceco.html
Mốt đẻ con trai đặt tên hoàng :)) thấy ai tên hoàng cũng đẹp trai thông minh :))
Anh dùng những extension vs code nào mà nhắc lệnh xịn sò thế anh
3 жыл бұрын
Công Khanh e search KZread “cách dùng vs code” xem clip của a nhé
mọi người ơi cho mình hỏi là làm sao để có hai màn hình để code như vậy ạ ?
Hay quá anh ơi
Mặt anh Hoàng giống Tokuda thế kkkk
Cho em hỏi là học IS có phải code nhiều không ạ
Cảm ơn anh
em cảm ơn anh !!
Anh ơi em đã đăng ký kênh anh rồi . Mong anh giúp em ! Hiện database em có table là Accounts được phân quyền 1 người là admin , khi đăng nhập click vào thanh menutrip nếu là admin thì vào form mới ,còn không là admin thì thông báo phải là admin (Trong windowform C# ạ).
Anh ơi.. anh có thể chỉ em cách đưa form web ra giữa được không ạ?
anh ơi anh dùng tool gì để xem màu vs ảnh của bản design thế ạ ?
@ijustwannabethestar
2 жыл бұрын
Figma nha bạn
mình sử dụng effect hover giông như bạn làm cho li ở project 1 nhưng nó không có tác dụng, nếu cursor pointer đặt trong hover thì cũng không có tác dụng, đặt ngoài thì có, bạn chỉ mình sửa với được không ạ
Anh có gì cho to lên xíu , chữ cũng hơi mờ
học trường nào h có quan trọng không zậy anh
em cũng đang bắt đầu tìm dự án nhỏ như thế này để làm. Không biết giá mình sẽ định như thế nào ạ?
Anh dạy cách chỉnh sửa file apk đi ạ
bỏ không theo nghề nữa nhưng nhìn anh code mê ghê! nhưng mà chắc k hợp nghề code!
Bạn có thể share source của dự án này được không? Minh học thêm mà nhỏ qua nhìn không nổi?
A có danh sách học js từ cùi mía đến nâng cao không