1. JavaScript là gì? Demo thú vị cách dùng JavaScript trong HTML | JavaScript Master | TrungQuanDev

#trungquandev #javascript #typescript
👉 Video đầu tiên trong chuỗi khóa học "JavaScript Master AZ" này chúng ta sẽ cùng nhau đi tìm hiểu tổng quan lý thuyết xem JavaScript nó là cái gì cũng như cách ứng dụng nó trong khía cạnh lập trình web thú vị như thế nào nhé.
➡️ "Học chuẩn thực tế để đi làm, để chuẩn bị hành trang vững chắc cho sự nghiệp tương lai."
🍀 Download Full bộ Source Code của cả khóa này: (Coming soon...)
---
🌱 Tham gia hội viên kênh để ủng hộ mình nhé! Cảm ơn bạn 🍀 : / @trungquandev
🌐 Full Playlist của khoá học: • JavaScript Master AZ |...
🌳 Một kênh tiếng Anh khác từ mình, luyện skill bằng cách code những project thú vị: / @code-tq
---
🎤 Mình trên các nền tảng Podcasts:
🎵 Spotify: podcasters.spotify.com/pod/sh...
🎵 Apple: podcasts.apple.com/vn/channel...
🎵 Castbox: castbox.fm/ch/5746721
---
👋🏼 Join những cộng đồng lập trình văn minh lịch sự dưới đây nhé:
🔗 Discord: Cộng Đồng Lập Trình Việt Nam 🇻🇳 : / discord
🔗 Page: TrungQuanDev - Một lập trình viên: / trungquandev
🔗 Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: / laptrinhwebvietnam
🔗 Blog: trungquandev.com
🔗 CV: cv.trungquandev.com
---
🎒 Danh sách một vài món đồ trong góc làm việc của mình:
🌐 Bàn phím cơ Meletrix Zoom75: shope.ee/4AZxyEgM1T
🌐 Switch WS Morandi: shope.ee/7f9gHaQlnN
🌐 Máy ảnh & Quay phim Sony ZV-1: shope.ee/409eX1GvD8
---
📝 Video Chapters - nội dung chi tiết:
00:00 Mở đầu
00:22 Mình là ai? Nay chúng ta học gì?
00:49 Chia sẻ chút về những khóa học sắp tới trên kênh của mình.
03:06 JavaScript là gì? Ứng dụng như thế nào?
07:17 Demo ứng dụng thú vị của JavaScript với lập trình Website
---
📝 Link tài liệu để các bạn tham khảo mà trong video mình có nhắc đến:
- Về JavaScript: vi.wikipedia.org/wiki/JavaScript
- VSCode: code.visualstudio.com/download
---
| 💻 TRUNGQUANDEV - MỘT LẬP TRÌNH VIÊN ☕️ |

Пікірлер: 37

  • @hieuuhieu7
    @hieuuhieu77 күн бұрын

    Hay quá anh ơi

  • @trungquandev

    @trungquandev

    7 күн бұрын

    @@hieuuhieu7 có bạn bè mới học lập trình thì share kênh ủng hộ anh nữa với nha ^^

  • @phamcongtoan1399
    @phamcongtoan139916 күн бұрын

    Ra khoá này càng nhanh càng tốt anh ạ😂😂😂,có thêm design pattern là toẹt vời luôn:))

  • @trungquandev

    @trungquandev

    16 күн бұрын

    Đây giờ anh cũng đang ưu tiên các bộ nền tảng như này để các bạn mới cũng dễ tiếp cận nội dung anh chia sẻ trên kênh hơn này :))

  • @HieuPham-ih7vu
    @HieuPham-ih7vu9 күн бұрын

    Hay quá anh ơiii, ra video nhanh nha anh, hóng qáa!

  • @trungquandev

    @trungquandev

    9 күн бұрын

    Ừa anh cũng đang cố gắng sắp xếp quay nhanh đây em. Anh đang làm bộ này song song với bộ HTML CSS Master AZ nữa đó.

  • @HieuPham-ih7vu

    @HieuPham-ih7vu

    8 күн бұрын

    @@trungquandev vá đã anh ơi, em định cày khoá này với HTML CSS nữa để try bộ Full stack

  • @tungphunghuu934
    @tungphunghuu93412 күн бұрын

    Hay họ, thú vị thật sự 👍

  • @trungquandev

    @trungquandev

    11 күн бұрын

    Những video sau anh làm rất bài bản, đầy đủ và chỉn chu chứ không làm cơ bản qua loa như nhiều nơi khác, em cứ thử ngó qua video 3 hoặc 4 là hiểu ngay nha =))

  • @trungquandev
    @trungquandev16 күн бұрын

    Join những cộng đồng lập trình văn minh lịch sự ở đây cùng mình nhé: Discord: Cộng đồng lập trình Việt Nam 🇻🇳 : discord.gg/ycSbhP6gDu Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: facebook.com/groups/laptrinhwebvietnam

  • @CherisOfficial5
    @CherisOfficial516 күн бұрын

    ngày này cũng tới :)))

  • @trungquandev

    @trungquandev

    16 күн бұрын

    Chiếc comment tốc độ ghê nha 😄

  • @CherisOfficial5

    @CherisOfficial5

    16 күн бұрын

    @@trungquandev bấm chuông mà anh heehe, e đợi từ lúc mới biết kênh a rồi học khoá html css sao đó chờ js, đến giờ cũng time khá dài e cũng nắm khá ok rồi, giờ anh ra video luôn coi như bổ sung thêm với ôn lại kiến thức ^^

  • @trungquandev

    @trungquandev

    16 күн бұрын

    @@CherisOfficial5 ừa nha, đợt này anh sẽ tập trung ưu tiên cho bộ JS Master này cũng như chạy song song lại bộ HTML CSS Master luôn đây ^^

  • @CherisOfficial5

    @CherisOfficial5

    16 күн бұрын

    @@trungquandev bộ HTML lúc trước anh xoá rồi ha anh, e thấy ổn mà

  • @trungquandev

    @trungquandev

    16 күн бұрын

    @@CherisOfficial5 anh bị kiểu "OCD nhẹ" ấy mà 😆 Làm lại cho chất lượng video nó xịn hẳn luôn, ngày trước dùng mic cũ với edit video chưa được tốt. :)))

  • @vannghia512
    @vannghia51215 күн бұрын

    Có series mới rồi 🤣

  • @trungquandev

    @trungquandev

    15 күн бұрын

    Đợt này a ưu tiên quẩy bộ này đây, sẽ có những video chất lượng sắp tới lên đều đều nha :)))

  • @vannghia512

    @vannghia512

    15 күн бұрын

    @@trungquandev nghe qua plan của a chắc sắp tới kênh a món nào cũng có. Từ JS, TS, Java, C# 😂

  • @trungquandev

    @trungquandev

    15 күн бұрын

    @@vannghia512 chuẩn rồi đó em, gì anh cũng sẽ làm được hết chỉ là vấn đề thời gian thôi :)))

  • @vannghia512

    @vannghia512

    15 күн бұрын

    @@trungquandev thế thì mấy bạn newbie sau này sướng quá, toàn series chất lượng mà còn free 🤣🤣

  • @trungquandev

    @trungquandev

    14 күн бұрын

    @@vannghia512 đợt này còn phải cân đối thời gian làm các bộ chất lượng cao cho các bạn hội viên như em nữa đây nè, ý tưởng anh có rồi mà chưa sắp xếp quay được cơ =)))

  • @hoangvacban
    @hoangvacban3 күн бұрын

    anh ơi, làm sao để có cái suggestion vậy anh?

  • @trungquandev

    @trungquandev

    3 күн бұрын

    Extension trong VSCode tên là supermaven nhé, em cứ học bộ này đi video sau anh có show hết một lượt những extensions mà anh đang sử dụng đó.

  • @hoangvacban

    @hoangvacban

    3 күн бұрын

    @@trungquandev dạ em cảm ơn anh ạ.

  • @hoalequang9188
    @hoalequang91886 күн бұрын

    Anh có web nào luyện js hay ko ạ

  • @trungquandev

    @trungquandev

    6 күн бұрын

    Cách hay nhất để luyện JS là em cứ làm project nhé, giống như sau này đi làm. Hiện tại thì em cứ tự lên kế hoạch cho bản thân là clone lại một trang web nào đó. Trong quá trình làm sẽ phát sinh nhiều vấn đề cần tìm hiểu, từ đó nâng cả level code lẫn level giải quyết xử lý vấn đề luôn. JS cũng là một phần trong quá trình đó thôi.

  • @threekingdom11
    @threekingdom1116 күн бұрын

    trước em học môn Kỹ thuật lập trình, Cấu trúc dữ liệu giải thuật thì được dạy và học thẳng vào javascript (môn tin học đại cương trước đó thì học C), nên cảm giác là ngợp và mông lung vì học một ngôn ngữ mà cách chạy và cú pháp khác hoàn toàn, cuối kì thì làm trang web quản lí (có kết nối database). Vẫn rõ cảm giác lúc đó bây giờ em bắt đầu học lại 3 môn nền tảng: "Kỹ thuật lập trình, Cơ sở dữ liệu, Thiết kế lập trình web" thì cần chú trọng vào những phần cốt lõi và tìm kiếm tài liệu ra sao ạ? Em cũng đã có search gg, và phần lớn tài liệu chất lượng viết về mấy môn nền tảng kiểu như này gần như hiếm có, đa số là về tutorial, khóa học xây dựng web/app & gần như tập trung vào build sản phẩm, mà bỏ qua giải thích đoạn code và luồng chạy dữ liệu (gốc em chưa nắm vững và nhiều khi hiểu bị sai) mong nhận được phản hồi từ anh, em xin cảm ơn

  • @trungquandev

    @trungquandev

    16 күн бұрын

    - Về cách học lập trình thì chắc chắn mỗi người sẽ có một cách học phù hợp riêng, em thử xem qua video này của anh xem em có phù hợp với cách học thông qua thực hành làm dự án không nhé: kzread.info/dash/bejne/p2aFktGjfNyYnbQ.htmlsi=cs_l7bOgiQY1fHK7 - Tiếp theo là về câu chuyện trong quá trình học, nếu gặp vấn đề mà em chưa rõ, thì em cần phải research tìm kiếm được nó, quan trọng là phải tìm bằng "tiếng Anh" nhé, em cứ search google và tìm các nội dung liên quan để đọc, đó là cách học mà ai cũng phải trải qua cả. Bây giờ có mấy con AI như ChatGPT thì em cũng có thể hỏi nó nhanh hơn nhiều so với ngày xưa bọn anh phải tìm kiếm tài liệu và đọc thử khá nhiều. Tuy nhiên cũng nên lưu ý là đôi khi AI vẫn có thể trả lời sai đó nhé. Nên đa dạng nguồn tìm kiếm tài liệu chứ đừng phụ thuộc hết vào AI nha.

  • @threekingdom11

    @threekingdom11

    16 күн бұрын

    @@trungquandev - em cũng gặp tình trạng mà trong video nào đó anh có đề cập. khi học lập trình ở trên lớp, giảng viên vừa giảng vừa chiếu slide phần lí thuyết, kiến thức cần học, mà ở dưới em kiểu ngáp ngủ (kiểu lí thuyết với đầu óc của mình nó ko ưa nhau) - Đến khi thực hành (thường là làm bài tập rồi nộp trên trang web của gv, thì lại bối rối, lúng túng và ko xử lí đc trọn vẹn). Em cũng bị mắc mấy sai lầm như mô tả bên dưới (Chỉ thích đọc giới thiệu mà không thực sự bắt tay vào học, làm project quá sớm khi kiến thức nền tảng chưa vững, tutorial hell) - Còn về chatgpt thì em cũng thỉnh thoảng hỏi nó về kiểu thiết kế lộ trình học các phần kiến thức cơ bản, hoặc roadmap học từ con số 0 (beginner) nhưng chưa thực sự có 1 lần nào em xem lại phần câu trả lời đó và có đánh giá nghiêm túc về nó. => Không biết là anh có thể đưa ra một vài góc nhìn, suy nghĩ được ko ạ? (anh đã có kinh nghiệm và chinh chiến qua nhiều trải nghiệm, dự án thực tế)

  • @threekingdom11

    @threekingdom11

    15 күн бұрын

    @@trungquandev javascript kết hợp xem playlist của anh với đọc tài liệu trên w3school hoặc Mozilla là đủ để hiểu một cách tương đối đầy đủ chưa ạ?

  • @threekingdom11
    @threekingdom1113 күн бұрын

    file .gif em có đưa vào trong khi code, nhưng khi demo lên giao diện ấn vào light on, light off thì ko hiển thị được giống trong video của a, mình sẽ cần sửa ra sao ạ?

  • @trungquandev

    @trungquandev

    13 күн бұрын

    Em kiểm tra kỹ lại xem đúng tên file, đúng đường dẫn em lưu chưa là được nhé. Nếu khó quá thì cứ đặt tên file giống y hệt anh, và bỏ vào thư mục cũng trùng tên với anh đặt và code giống là được rồi :)))

  • @namdv133

    @namdv133

    13 күн бұрын

    @@trungquandev anh có file .gif đó ko ạ, em search trên mạng mà ko ra giống trong video

  • @trungquandev

    @trungquandev

    13 күн бұрын

    @@namdv133 em cứ đơn giản search "bulb on off images" rồi tìm lấy một cặp là ra mà, cứ thoải mái thôi không cần bắt buộc phải giống anh đâu, mình hiểu bản chất ở đây là đang dùng JS để change cái src của image thôi là được rồi nha :))

  • @namdv133

    @namdv133

    13 күн бұрын

    @@trungquandev em có dựa trên w3schools để viết lại, nhưng chưa hiểu trong cặp thẻ ạ. Mong đc anh giải thích Lesson 1 - Javascript basic Welcome you to Javascript. function setlight(sw) { var pic; if (sw == 0) { pic = "assets/pic_bulboff.gif" } else { pic = "assets/pic_bulbon.gif" } document.getElementById('myImage').src = pic; } Light On Light Off

  • @trungquandev

    @trungquandev

    12 күн бұрын

    Em chưa hiểu đoạn code này thì chắc là em cũng mới đang bắt đầu học JavaScript đúng không? Vậy cứ bình tĩnh học dần theo anh ở bộ này nhé, về sau em sẽ vỡ kiến thức ra dần và khi nhìn lại em sẽ thấy cái ví dụ trên nó cực kỳ đơn giản nha.