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

  • @ngaua2340
    @ngaua23403 жыл бұрын

    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!

  • @stnoobfreefive5524
    @stnoobfreefive55242 жыл бұрын

    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.

  • @kimjose9503
    @kimjose95033 жыл бұрын

    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!!

  • @otrongai1030
    @otrongai10303 жыл бұрын

    Cám ơn anh vì đã tạo ra 1 video hay và bổ ích

  • @codeiha7487
    @codeiha74873 жыл бұрын

    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

  • @KaideptraiSCP
    @KaideptraiSCP3 жыл бұрын

    Đã đặt mua sách qua link và xem video quảng cáo. Mong anh ra video về newbie nhập môn C#

  • @easydev4453
    @easydev44533 жыл бұрын

    Video hay quá lần sau hy vọng anh làm thêm clip như vậy

  • @hoangduy3521
    @hoangduy35213 жыл бұрын

    Hóng video này lâu rồi

  • @brianvu8349
    @brianvu83493 жыл бұрын

    Ủ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

  • @nguyentri5961
    @nguyentri59613 жыл бұрын

    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ư

  • @thienngo2953
    @thienngo29532 жыл бұрын

    Cám ơn anh vì video chất lượng ạ

  • @carl2143
    @carl2143 Жыл бұрын

    Ủng hộ anh hoàng làm tiếp những series như thế này ạ!!

  • @nguyenphong368
    @nguyenphong3683 жыл бұрын

    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

  • @ktt7512
    @ktt75123 жыл бұрын

    Anh ra thêm video kiểu này nha. Thanks anh!

  • @hoangcon4811
    @hoangcon48113 жыл бұрын

    yêu anh quá chời

  • @chanhchung3550
    @chanhchung35503 жыл бұрын

    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

  • @luubaoncter8734
    @luubaoncter87342 жыл бұрын

    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

  • @AnhNGuyen-we6yg
    @AnhNGuyen-we6yg3 жыл бұрын

    càng coi thấy ông này đáng yêu quá :v :v tks bro!

  • @mottobunboo
    @mottobunboo3 жыл бұрын

    anh nói chuyện nhẹ nhàn ghê á, cute ghê

  • @khanguyen317
    @khanguyen3173 жыл бұрын

    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

  • @KhoaNguyen-fn8ew
    @KhoaNguyen-fn8ew3 жыл бұрын

    Đúng lúc em deadline anh ạ =))) thanks a

  • @nvs4600
    @nvs46003 жыл бұрын

    Anh ơi, làm thêm những video backend dạng như thế này đi ạ.

  • @lifevideo8365
    @lifevideo83653 жыл бұрын

    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.

  • @Tinviewer2301
    @Tinviewer230111 ай бұрын

    Vid rất hữu ích, em cám ơn anh. Chúc anh vui vẻ

  • @dongthanh6136
    @dongthanh61363 ай бұрын

    Học MIS, làm đồ án code mà toàn tự mò. Toàn học qua anh ❤

  • @playerkill1436
    @playerkill14363 жыл бұрын

    Live sau làm back end đi a oiii

  • @HuyNguyen-xp4ro
    @HuyNguyen-xp4ro3 жыл бұрын

    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 !

  • @nguyenvinh2542
    @nguyenvinh25423 жыл бұрын

    A làm thêm video về sử dụng Canvas đi ạ

  • @manhnguyen-rj7ic
    @manhnguyen-rj7ic3 жыл бұрын

    Hay quá a lần sau lm back-end nha a.

  • @HoangPHAM-ck1ci
    @HoangPHAM-ck1ci2 жыл бұрын

    Anh code mà em cảm giác phê phê . Sướng mắt quá :3

  • @uctran8033
    @uctran80333 жыл бұрын

    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 :))

  • @thengochuyen4676
    @thengochuyen46763 жыл бұрын

    Hôm nào anh làm 1 trang web bán hàng bằng html,css,JavaScript đi ạ

  • @thungchan3035
    @thungchan30353 жыл бұрын

    Lần sau code bằng notepad nha anh . Hóng :D

  • @dangbinh9493
    @dangbinh94933 жыл бұрын

    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

  • @rinhoang505
    @rinhoang5053 жыл бұрын

    anh để Râu kiểu Đức Quốc Xã nhìn bén phết nhợ :v

  • @trieunguyen3231
    @trieunguyen32313 жыл бұрын

    Lần sau code dự án React nha anh ơi...yêu anh 😘😘🤣

  • @nhattien476
    @nhattien4763 жыл бұрын

    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

  • @DucTran-qw1ex
    @DucTran-qw1ex3 жыл бұрын

    Sau zoom code lên to xíu, chứ t căng mắt 👀 mãi ms nhìn dc ô ei!!!

  • @sggxuanthuc5962

    @sggxuanthuc5962

    2 жыл бұрын

    Cho em xin code với ạ

  • @leodev6730
    @leodev67303 жыл бұрын

    Bác code dạo khá giống stylist của cháu

  • @angngohai5698
    @angngohai56982 жыл бұрын

    anh dùng gì để auto recommend code ạ ??? em nhìn thấy chuyên nghiệp quá

  • @thienphucnguyenvuong1205
    @thienphucnguyenvuong12053 жыл бұрын

    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 =)))

  • @sonhoang4267
    @sonhoang42673 жыл бұрын

    cảm ơn anh rất nhiều , yêu anh 😶😶😶

  • @ThanhPhan-kg92
    @ThanhPhan-kg923 жыл бұрын

    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

  • @tienlqm3777
    @tienlqm37773 жыл бұрын

    Hay quá a ợ :D

  • @vapelandvn
    @vapelandvn3 жыл бұрын

    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

  • @Hoang_Aluminium
    @Hoang_Aluminium3 жыл бұрын

    bàn phím anh đang sử dụng là loại nào vậy, nghe tiếng chất quá

  • @baoluu1084
    @baoluu10843 жыл бұрын

    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

  • @QuanNguyen-qq5cc
    @QuanNguyen-qq5cc3 жыл бұрын

    nhìn anh code chóng hết cả mặt, bái phục

  • @truongtuanminh4195
    @truongtuanminh41953 жыл бұрын

    Yêu anh, phập phập 😂

  • @bache840
    @bache8403 жыл бұрын

    Haha đó giờ e làm e chưa biết framwork với boot nó sài sao lun á haha

  • @saf6040
    @saf60403 жыл бұрын

    Cảm ơn anh nhiều nha

  • @chiasetiengchimmoi
    @chiasetiengchimmoi3 жыл бұрын

    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

  • @natelove194
    @natelove1943 жыл бұрын

    Quả râu chất lượng thật =))

  • @buffalo9049
    @buffalo90493 жыл бұрын

    anh dùng bàn phím gì vậy ạ, nghe vui tai lắm ạ

  • @QuangTran-ub2bl
    @QuangTran-ub2bl2 жыл бұрын

    Học hỏi chủ yếu xem code của anh. Bé wA xem lồi cả mắt.

  • 3 жыл бұрын

    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

    @namhoai452

    3 жыл бұрын

    hôm sau anh làm 3 tiếng voice-enabled chatbots covid_19 đi anh

  • 3 жыл бұрын

    1:47:00

  • @thovo1816
    @thovo18163 жыл бұрын

    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 ạ

  • @Ana-vc1bu
    @Ana-vc1bu3 жыл бұрын

    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

  • @rezorito
    @rezorito3 жыл бұрын

    anh cho em hỏi làm ntn để style less ... kết nối vs index.html v ak?

  • @tuantranvan8807
    @tuantranvan88073 жыл бұрын

    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

  • @Davidable
    @Davidable3 жыл бұрын

    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?

  • @toanhocchocuocsong7833
    @toanhocchocuocsong78333 жыл бұрын

    Xem bạn Code mê quá! Bạn có nhận làm dự án ko?

  • 3 жыл бұрын

    Mình ko bạn

  • @letronguoc423
    @letronguoc4233 жыл бұрын

    Anh làm về đơn hàng đi anh

  • @huynguyenlengoc190
    @huynguyenlengoc1903 жыл бұрын

    hôm qua em thấy hay nhưng không xem được, lo anh không đăng lại ghê :)))

  • @nguyenkhoa4091
    @nguyenkhoa40913 жыл бұрын

    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

  • @mayday000
    @mayday0002 жыл бұрын

    lâu ko viết css, giờ lại có thêm flex

  • @duylan668
    @duylan6683 жыл бұрын

    anh ơi chưa bt dì về CNTT thì học bắt đầu bằng cách nào vậy

  • @Oceann8
    @Oceann83 жыл бұрын

    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é

  • @petpkpro123
    @petpkpro1233 жыл бұрын

    Anh ơi anh nghĩ sao về ngôn ngữ Ruby ạ

  • @xk_nguyeninhe4621
    @xk_nguyeninhe46213 жыл бұрын

    anh ơi, anh làm về react native for mobile đc ko ạ??? hihi

  • @thanhang2573
    @thanhang25733 жыл бұрын

    Đ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

  • @QuynhLe-um8iy
    @QuynhLe-um8iy3 жыл бұрын

    Anh dùng công cụ gì để code đấy ạ

  • @hieptrinh118
    @hieptrinh1183 жыл бұрын

    a ơi có thể demo một vi dụ dung MVC ko ạ

  • @DanhRatLaNgoan1
    @DanhRatLaNgoan13 жыл бұрын

    em mới học nhìn anh code em đúi quá

  • @takemyhand222
    @takemyhand2223 жыл бұрын

    Anh chỉnh font to lên xíu a

  • @trandangnhantrungtamkhaoth2067
    @trandangnhantrungtamkhaoth20673 жыл бұрын

    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.

  • @phatchau412
    @phatchau4123 жыл бұрын

    Anh ơi anh không làm về python nửa ah

  • @Sockbishi
    @Sockbishi2 жыл бұрын

    a live code dự án reactJS đi anh....

  • @dangtran9405
    @dangtran94053 жыл бұрын

    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

    @ManhTran-ll3te

    3 жыл бұрын

    bạn mong muốn mà giống như bạn ra lệnh cho người ta ấy :))

  • @tinhtinhchannel9823
    @tinhtinhchannel98233 жыл бұрын

    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

  • @sy-hungdoan4859
    @sy-hungdoan48593 жыл бұрын

    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

  • @linhcter55371
    @linhcter553713 жыл бұрын

    Mốt đẻ con trai đặt tên hoàng :)) thấy ai tên hoàng cũng đẹp trai thông minh :))

  • @nguyencongkhanh8782
    @nguyencongkhanh87823 жыл бұрын

    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é

  • @anhmrt1771
    @anhmrt17712 жыл бұрын

    mọi người ơi cho mình hỏi là làm sao để có hai màn hình để code như vậy ạ ?

  • @hoangviet2895
    @hoangviet28953 жыл бұрын

    Hay quá anh ơi

  • @gugoreview
    @gugoreview3 жыл бұрын

    Mặt anh Hoàng giống Tokuda thế kkkk

  • @ThangNguyen-cs1ek
    @ThangNguyen-cs1ek3 жыл бұрын

    Cho em hỏi là học IS có phải code nhiều không ạ

  • @hoptran737
    @hoptran7373 жыл бұрын

    Cảm ơn anh

  • @backlue2126
    @backlue21263 жыл бұрын

    em cảm ơn anh !!

  • @chuongnguyenhoai1606
    @chuongnguyenhoai16063 жыл бұрын

    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# ạ).

  • @thasi
    @thasi3 жыл бұрын

    Anh ơi.. anh có thể chỉ em cách đưa form web ra giữa được không ạ?

  • @zadnap_6
    @zadnap_62 жыл бұрын

    anh ơi anh dùng tool gì để xem màu vs ảnh của bản design thế ạ ?

  • @ijustwannabethestar

    @ijustwannabethestar

    2 жыл бұрын

    Figma nha bạn

  • @ChuongTran-eu1pl
    @ChuongTran-eu1pl2 жыл бұрын

    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 ạ

  • @DuyTran-pb9yx
    @DuyTran-pb9yx3 жыл бұрын

    Anh có gì cho to lên xíu , chữ cũng hơi mờ

  • @phucan9249
    @phucan92493 жыл бұрын

    học trường nào h có quan trọng không zậy anh

  • @tinygaming7798
    @tinygaming77983 жыл бұрын

    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 ạ?

  • @khiemduy6305
    @khiemduy63052 жыл бұрын

    Anh dạy cách chỉnh sửa file apk đi ạ

  • @vingocle6272
    @vingocle62723 жыл бұрын

    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!

  • @BangNguyen-fe6fl
    @BangNguyen-fe6fl3 жыл бұрын

    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?

  • @changkho5085
    @changkho50853 жыл бұрын

    A có danh sách học js từ cùi mía đến nâng cao không