한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
효빈 Hyobin
기본 문법부터 심화 개념까지 학습하면서, 바닐라 자바스크립트로 SPA를 개발해 봅시다🔥
초급
JavaScript, SPA, DOM
BEST
Bước đầu làm quen với Javascript cho Web Frontend
Bạn mong muốn trở thành nhà phát triển web frontend? Hãy bắt đầu bước đầu tiên với khóa học JavaScript thú vị✨
Đánh giá từ những học viên đầu tiên
Dịch cái này sang tiếng Việt
Tại sao nên học JavaScript
Các khái niệm cơ bản về phát triển web
Các cú pháp JavaScript thường được sử dụng trong thực tế
Phát triển dự án có thể sử dụng thực tế
Nền tảng để học Typescript, React.js, Next.js
Bước đầu tiên với JavaScript
từ các khái niệm cơ bản đến tạo trang web🚀
🎁 Học sinh trung học, sinh viên đại học có thể mua với giá giảm 50% thông qua liên kết.
(Nếu không nhận được coupon, vui lòng kiểm tra hộp thư spam)
-> Link đăng ký coupon
-> Link đăng ký coupon
📙 "Cuốn sách "JavaScript Bước Đầu" đã được phát hành
Khóa học 'Những bước đầu tiên với JavaScript cho Web Frontend' đã nhận được rất nhiều tình yêu thương từ các học viên,
nên đã được phát hành thành sách với tên gọi 'Những bước đầu tiên với JavaScript' 🙇🏻♀️
Vì đây là cuốn sách chứa đựng nội dung của khóa học nên các bạn có thể đọc để tham khảo khi học khóa học :)
Xin cảm ơn các học viên và mong nhận được nhiều sự quan tâm.
🧐 Tại sao chúng ta phải học JavaScript?
JavaScript là một ngôn ngữ phổ biến trên toàn thế giới, là ngôn ngữ lập trình thực sự được sử dụng tại nhiều doanh nghiệp. Các thư viện và framework được sử dụng nhiều nhất trong web frontend hiện tại như React, Vue, Next đều dựa trên JavaScript, vì vậy bạn cần học JavaScript để có thể sử dụng chúng một cách linh hoạt.
Khóa học JavaScript bước đầu cho Web Frontend là!!
Từ cơ bản đến ngữ pháp nâng cao
học tập dễ dàng
Cung cấp tất cả tài liệu giảng dạy đã sử dụng trong bài giảng
Phát triển trực tiếp các dự án độc đáo
🙋🏻♀️ Khuyến nghị cho những người như thế này
Case 1
Tôi muốn trở thành nhà phát triển frontend!
Những người muốn học JavaScript - nền tảng cơ bản của phát triển frontend
một cách tỉ mỉ từ khái niệm cơ bản đến nâng cao
Trường hợp 2
Tôi mới bắt đầu lập trình nên đang tìm kiếm khóa học dễ hiểu!
Giải thích một cách tử tế và chi tiết để cả những người mới bắt đầu học lập trình, những người không chuyên ngành cũng có thể nghe hiểu.
(Chúng tôi cũng cung cấp trang web kịch bản bài giảng.)
Case 3
Tôi muốn phát triển một dự án độc đáo!
Không phải là một dự án phổ biến như Todo List,
bạn có thể trực tiếp phát triển và thậm chí sử dụng "trang khởi động Chrome của riêng mình".
🚀 Từ khái niệm đến dự án trong một lần
Hãy dừng việc chỉ học ngôn ngữ và ngữ pháp đơn thuần!
Cùng học về cơ bản, ngữ pháp nâng cao của JavaScript, lý do tại sao phải học JavaScript, nguyên lý hoạt động của JavaScript,
và cách lập trình web với JavaScript một cách từng bước một cách cẩn thận, đồng thời áp dụng những kiến thức đã học để phát triển các dự án thực tế có thể sử dụng được, giúp bạn học JavaScript một cách hiệu quả.
.gif "2023-05-28 15-45-47 (online-video-cutter.com).gif")
Khóa học JavaScript đầu tiên cho Web Frontend là...
- Những người mới bắt đầu với JavaScript, hoặc lập trình nói chung, cũng có thể dễ dàng hiểu được.
- Các tài liệu giảng dạy và sổ tay hướng dẫn sẽ được cung cấp để hỗ trợ sự hiểu biết của các học viên.
- Bạn có thể áp dụng ngay những kiến thức đã học thông qua việc cùng nhau phát triển tiện ích mở rộng Chrome của riêng mình.
[[STRONG_1]]⭐️[[/STRONG_2]] [[STRONG_2]]Đánh giá 4.9 điểm, 55[[/STRONG_2]] đánh giá chứng minh chất lượng khóa học
Đây là những đánh giá thực tế của học viên sau khi hoàn thành khóa học "Những bước đầu tiên với JavaScript cho Web Frontend".
🧑🎓
Tài liệu trực quan rất gọn gàng và khả năng truyền đạt của giảng viên rất tốt. Thầy giải thích các điểm cốt lõi một cách rõ ràng nên tôi cũng đã nghe lại để ôn tập và thấy rất hay! Tài liệu bài giảng cũng được cung cấp nên rất hữu ích cho việc tổng hợp nội dung đã học! Cảm ơn thầy vì bài giảng hay
👩🏻💻
PPT gọn gàng, ví dụ dễ hiểu, tôi nghĩ đây là khóa học tuyệt vời nhất vì chỉ dạy những chức năng cần thiết mà không có gì thừa thãi!! Tiếc nhất là chỉ có 1 khóa học của Hyobin thôi, mong bạn tạo thêm các khóa học khác nữa :)
🙆♂️
Nội dung bài giảng thấm vào đầu một cách dễ dàng. Thành thật mà nói, các bài giảng khác thường nhàm chán và khó tập trung, có khi xem mà cứ mơ màng, nhưng bài giảng này thì tôi liên tục tập trung xem và làm theo. Mặc dù không có kiến thức nền tảng về công nghệ này nhưng vẫn có thể xem bài giảng một cách thú vị và tập trung, điều này cho thấy khả năng truyền đạt của thầy thực sự tuyệt vời. Cảm ơn thầy đã tạo ra bài giảng hay như vậy.
🕵️♀️
Những nội dung khó hiểu khi tự học một mình giờ đây được giải thích rõ ràng qua bài giảng. Đặc biệt là thuật ngữ và khái niệm JavaScript có thể khó hiểu được giải thích dễ dàng cùng với mã ví dụ, thật tuyệt vời. Tôi nghĩ đây là khóa học bắt buộc phải học trước khi học react, vue.js! Hy vọng sẽ có thêm khóa học JavaScript nâng cao😍
📖 Hãy xem nội dung bạn sẽ học trong khóa học.
Section 1. Tại sao phải học JavaScript?
JavaScript là ngôn ngữ gì? Tại sao nó lại phổ biến và được nhiều doanh nghiệp sử dụng?
Lý do tại sao bạn nên học JavaScript sẽ được chúng tôi chia sẻ với bạn.
Section 2. Bắt đầu với JavaScript
Trước tiên chúng ta sẽ tìm hiểu về JavaScript hoạt động ở đâu và như thế nào.
Sau đó chúng ta sẽ xem xét từng ví dụ code khác nhau trên trình soạn thảo online mà ai cũng có thể dễ dàng sử dụng, đồng thời học chi tiết về các khái niệm cơ bản của JavaScript.
Section 3. Ứng dụng JavaScript
Bạn sẽ học các khái niệm nâng cao khó hơn một chút so với nội dung đã học ở phần trước cùng với nhiều tài liệu trực quan đa dạng. Sau khi nắm vững những khái niệm cần thiết được chọn lọc kỹ lưỡng, bạn có thể học chi tiết về xử lý bất đồng bộ - một khái niệm quan trọng trong JavaScript.
Phần 4. DOM và DOM API
Bạn sẽ học chi tiết về đối tượng DOM dùng để thao tác với trang web. Thông qua live coding, bạn có thể cùng nhau thử từng API DOM khác nhau của JavaScript. Chúng ta sẽ sử dụng các DOM API thường dùng và thao tác trang web theo nhiều cách khác nhau.
Section 5. Chuẩn bị dự án
Chúng ta sẽ có thời gian tìm hiểu chi tiết trước các khái niệm bổ sung cần thiết khi tạo "màn hình khởi động Chrome của riêng tôi". Vì đã học kỹ các khái niệm cần thiết trước, nên ở phần tiếp theo bạn có thể phát triển dự án một cách không quá khó khăn.
Section 6. Dự án: Màn hình khởi động Chrome của riêng tôi
Sử dụng toàn bộ nội dung đã học từ phần 1 đến 5 để phát triển "Trang khởi động Chrome của riêng tôi".
Ngay cả với những nội dung đã học, chúng ta sẽ xem xét lại từng phần một cách từ từ trong quá trình phát triển, vì vậy bạn có thể vừa phát triển dự án vừa ôn tập lại những gì đã học. Cuối cùng, chúng ta sẽ cùng nhau thiết lập để có thể thực sự sử dụng dự án đã phát triển.
Bonus. CSS cần thiết phải biết
Đây là khóa học về JavaScript, nhưng trong phần 6, bạn có thể học về hai thuộc tính được sử dụng nhiều nhất và nên biết trong CSS được sử dụng để phát triển dự án.
Nếu bạn đã có thể sử dụng CSS thành thạo, bạn có thể bỏ qua phần đó cũng được.
Q&A 💬
Q. Tôi mới tiếp xúc với lập trình lần đầu, liệu có thể học khóa này không?
Vâng. Khóa học này giải thích các khái niệm JavaScript một cách chi tiết và dễ hiểu đến mức ngay cả những người mới bắt đầu lập trình cũng có thể theo học, vì vậy bạn có thể tham gia mà không gặp khó khăn gì. Vì tất cả PPT và bản thảo được sử dụng trong khóa học đều được cung cấp miễn phí, nên việc học cùng với tài liệu học tập sẽ giúp bạn hiểu nội dung bài giảng tốt hơn rất nhiều.
Q. Tôi không biết HTML và CSS có sao không?
HTML và CSS chỉ là kiến thức cần thiết ở phần 5~6. Vì chúng tôi cung cấp riêng mã HTML và mã CSS, nên ngay cả khi bạn không biết HTML và CSS thì vẫn có thể học JavaScript một cách bình thường.
Ngoài ra, đối với HTML, mỗi khi viết từng dòng code, tôi sẽ giải thích ngắn gọn chức năng của đoạn code đó trước khi chuyển sang phần tiếp theo, vì vậy các bạn có thể theo dõi mà không gặp khó khăn gì lớn, còn CSS thì những thuộc tính cần giải thích khái niệm sẽ được trình bày chi tiết riêng trong phần [Phụ lục]. Do đó, những bạn cần thiết có thể học phần đó trước rồi mới học bài giảng chính để có thể theo dõi mà không gặp khó khăn gì.
Q. Sau khi hoàn thành khóa học này thì nên học gì tiếp theo?
Nếu bạn đã tham gia khóa học để trở thành nhà phát triển web frontend, tôi khuyên bạn nên tự mình tạo ra dự án cuối cùng "Màn hình khởi động Chrome của riêng tôi" trước tiên. Sau đó, bạn có thể học JavaScript sâu hơn, nghiên cứu các khái niệm khó hơn, hoặc học các thư viện và framework dựa trên JavaScript như React.js, Vue.js, Next.js cũng rất tốt.
💾 Vui lòng kiểm tra trước khi đăng ký khóa học!
- PPT được sử dụng trong bài gi강có thể tải xuống từ bài học tương ứng.
- Kịch bản được sử dụng trong bài giảng có thể được xem tại mục 0 [Trang web kịch bản bài giảng tài liệu học tập].
- Phần 0 [Cách nghe bài giảng] Lớp học nhất định phải nghe nhé.
- Chúng tôi sẽ trả lời các câu hỏi của bạn một cách nhanh nhất có thể.
- Nếu bạn học cùng với tài liệu học tập, bạn sẽ có thể hiểu nội dung dễ dàng hơn rất nhiều.
Khuyến nghị cho
những người này
Khóa học này dành cho ai?
Những người mới bắt đầu làm quen với lập trình
Những ai muốn hoàn thành một dự án khác biệt
Những bạn mong muốn trở thành nhà phát triển front-end
Dành cho những ai muốn học JavaScript một cách nhanh chóng và chắc chắn
Dành cho những ai đang tìm kiếm một bài giảng JavaScript với lời giải thích thân thiện.
Dành cho những bạn muốn tham gia lớp học cùng với tài liệu giảng dạy.
Những bạn còn yếu kiến thức cơ bản về Javascript
Cần biết trước khi bắt đầu?
CSS (chỉ cần thiết cho phần 6)
HTML (Đây là khái niệm chỉ cần thiết trong phần 6)
9,708
Học viên
185
Đánh giá
107
Trả lời
4.9
Xếp hạng
2
Các khóa học
안녕하세요 김효빈 입니다 😊
프론트엔드를 희망하는 분들을 위해 쉽고 친절한 강의를 제공합니다.
프론트엔드 교육자
(전) 스타트업 프론트엔드 리드 개발자
웹 페이지
온라인 강의
도서
외부활동
udemy, codeit, 한양여자대학교 등 특강 진행
Chương trình giảng dạy
Tất cả
42 bài giảng ∙ (6giờ 47phút)
Tài liệu khóa học:
Tài liệu bài giảng
7. Biến và hằng số
08:06
9. toán tử
10:17
12. phạm vi
07:56
13. Hoisting
06:18
14. Biểu thức hàm
05:12
15. đối tượng
15:07
16. mảng
10:54
17. vòng lặp
18:14
Ngày đăng:
Cập nhật lần cuối:
Đánh giá
Tất cả
79 đánh giá
4.9
79 đánh giá
- 이정환 Winterlood
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
20% đã tham gia입문자를 위한 자바스크립트 강의 중 가장 친절하고 자세한 강의가 아닐까 생각합니다. 세세한 개념도 정확히 짚고 넘어가주시고, 게다가 모든 코드를 자세히 설명해 주셔서 별도의 구글링 없이 수강할 수 있는 좋은 강의라고 생각됩니다. 1. 시각자료가 매우 직관적이고 이쁩니다. 2. 정확한 딕션으로 졸리지 않고 듣기 너무 좋습니다! 3. 보통 문법만 배우고 끝나는 강의가 많은데 배운 내용을 응용해 실용적인 프로젝트를 만드는 과정이 매우 인상적 입니다.
- 효빈 HyobinGiảng viên
정환님 감사합니다😀
- 김예찬
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
100% đã tham gia혼자 공부하면서 잘 이해되지 않던 내용들이 강의 들으면서 쏙쏙 이해되고 있어요. 특히 어려울 수 있는 자바스크립트의 용어와 개념을 예시 코드와 함께 쉽게 설명해주셔서 너무 좋아요. react, vue.js 등을 배우기 전 필수로 들어야 한다 생각! 자바스크립트 심화 과정도 강의 있으면 좋겠어요😍
- 효빈 HyobinGiảng viên
말씀해주신 것처럼 react, vue와 같은 라이브러리나 프레임워크들을 학습하기 전에 자바스크립트에 대한 이해는 필수입니다!! 강의 내용들이 쉽게 이해가 되셨다니 다행입니다. 자바스크립트 심화 과정 강의도 고려해보겠습니다😊 감사합니다.
wlsdyd620Đánh giá 1
∙
Đánh giá trung bình 5.0
5
34% đã tham giaJS 및 프론트를 배워보고 싶어 해당 강의를 수강했습니다. 해당 강의는 비전공자도 내용을 충분히 이해할 수 있도록 문법 등을 자세하게 설명해주네요. 또, 실무를 바탕으로 어드바이스할 점이나 실제 프로젝트 단위 구현 등등까지 커리큘럼에 포함되어 있어 개인적으로 매우 만족했습니다. 저와 같이 웹 프론트 개발이 미숙한 입문자나 관심있는 분들께서는 분명히 역량이 한단계 성장한 것을 느낄 수 있는 강의라고 생각됩니다.
- 효빈 HyobinGiảng viên
wlsdyd620님, 제 강의를 통해 한 단계 성장하셨다니 강의를 제작한 보람이 있는 것 같습니다😃 열심히 들어주셔서 감사합니다!!
- 일론 머스크
Đánh giá 63
∙
Đánh giá trung bình 4.7
5
100% đã tham gia강의 내용이 머릿속에 쏙쏙 들어갑니다. 다른 강의는 솔직히 지루하기도 하고 집중이 안되는 경우가 많아 보면서도 멍때리는 경우가 있었는데, 이 강의는 계속 집중해서 보고 따라하게 되네요. 해당 기술에 대한 배경지식이 없는데도 재미있게 강의를 집중해서 보게 되는걸 봐선 선생님의 전달력이 엄청 난 거 같습니다. 좋은 강의 만들어 주셔서 감사합니다.
- 효빈 HyobinGiảng viên
강의가 지루하지 않고 잘 전달이 되었다니 정말 다행입니다😄 열심히 수강해주셔서 감사합니다!!
Ưu đãi có thời hạn, kết thúc sau 8 ngày ngày
24.750 ₫
25%
716.373 ₫
Khóa học khác của hyobin
Hãy khám phá các khóa học khác của giảng viên!
Khóa học tương tự
Khám phá các khóa học khác trong cùng lĩnh vực!
![[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스강의 썸네일](https://cdn.inflearn.com/public/courses/329996/cover/2be99a0c-5d5a-4e15-b85b-53c09879058a/thumbnail-backnew.png?f=avif&w=420)
![풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]강의 썸네일](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?f=avif&w=420)
![[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스강의 썸네일](https://cdn.inflearn.com/public/files/courses/332860/cover/01jnwb77yxra1hp8cm9hed0wnd?f=avif&w=420)
