inflearn logo
inflearn logo

Những bước đầu tiên với JavaScript dành cho Web Frontend

Nếu bạn mong muốn trở thành một nhà phát triển Web Front-end? Hãy thực hiện bước đi đầu tiên với bài giảng JavaScript thú vị nhé✨

(4.8) 98 đánh giá

1,583 học viên

Độ khó Nhập môn

Thời gian Không giới hạn

JavaScript
JavaScript
DOM
DOM
JavaScript
JavaScript
DOM
DOM

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

4.8

5.0

일론 머스크

100% đã tham gia

Nội dung bài giảng in sâu vào tâm trí tôi. Thành thật mà nói, các bài giảng khác rất nhàm chán và tôi thường thấy mình ngơ ngác khi xem vì không thể tập trung, nhưng bài giảng này khiến tôi chú ý và tiếp tục xem và theo dõi. Tôi nghĩ kỹ năng truyền đạt của giáo viên rất tuyệt vời vì tôi có thể tập trung và thích thú với bài giảng mặc dù tôi không có nền tảng về công nghệ. Cảm ơn bạn đã tạo ra một khóa học tuyệt vời.

5.0

Ch.3

100% đã tham gia

Tôi đã làm việc ở vị trí điều hành nhà xuất bản được khoảng 3 năm. Tôi luôn sử dụng jQuery rất nhiều nên tôi rất thích JavaScript. Đây là khóa học tốt nhất cho những ai muốn học JavaScript lần đầu như tôi! Không chỉ những điều cơ bản mà cả việc học chuyên sâu cũng được thực hiện tốt và giải thích chi tiết. Tôi cũng thực sự thích việc những phần quan trọng được nhấn mạnh nhiều hơn và chúng hữu ích trong thực tế. Tôi nghĩ rằng giá cả hợp lý và thời gian giảng dạy đã giúp ích rất nhiều cho việc hoàn thành khóa học. Nó khiến tôi muốn học JavaScript chăm chỉ hơn!! Cảm ơn!! Tôi đang mong chờ bài giảng tiếp theo!

5.0

시콜라킹

100% đã tham gia

Tôi bướng bỉnh tạo ra một dự án ngày hôm nay. Tôi đang học React, nhưng tôi đã mua và nghiên cứu khóa học này để giải quyết những thiếu sót, đánh giá và hối tiếc về JavaScript. Thật vui khi được nghe cách phát âm và giọng nói rõ ràng của người hướng dẫn, đồng thời có thể học lại và chỉ ra những phần JavaScript mà tôi đã nhầm lẫn hoặc quên. Các bạn có thể xem bài viết đã được tóm tắt tương tự như video và mình dự định thỉnh thoảng sẽ tiếp tục học hỏi. Cảm ơn bạn. Rất khuyến khích!

Bạn sẽ nhận được điều này sau khi học.

  • Lý do 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 trong thực tế

  • Nền tảng để học tập TypeScript, React.js và Next.js

Bước đầu tiên với JavaScript, từ
khái niệm cơ bản đến xây dựng trang web🚀


🎁 Các bạn học sinh cấp 3 và sinh viên đại học có thể mua với giá giảm 50% thông qua liên kết này.
(Nếu không nhận được mã giảm giá, vui lòng kiểm tra hòm thư rác)
-> Link đăng ký nhận mã giảm giá

 

📙 Sách "Bước đầu học JavaScript" đã được xuất bản

Khóa học 'Bước đầu học JavaScript cho Web Frontend' đã nhận được rất nhiều sự yêu mến của các học viên,
và nay đã được xuất bản thành sách với tên gọi 'Bước đầu học JavaScript' 🙇🏻‍♀️
Vì cuốn sách bao gồm nội dung của khóa học nên sẽ rất tốt nếu bạn đọc nó để tham khảo trong quá trình học :)
Xin chân thành cảm ơn các học viên và mong nhận được sự quan tâm của các bạn.


🧐 Tại sao chúng ta nên học JavaScript?

JavaScript là một ngôn ngữ phổ biến trên toàn thế giới và là ngôn ngữ lập trình đang được sử dụng tại rất nhiều doanh nghiệp thực tế. Hiện nay, các thư viện và framework được sử dụng nhiều nhất trong Web Frontend như React, Vue, Next đều dựa trên JavaScript, vì vậy bạn cần phải học JavaScript mới có thể sử dụng chúng một cách linh hoạt.

Khóa học JavaScript những bước chân đầu tiên dành cho Web Frontend là!!

Học tập dễ dàng
từ cơ bản đến ngữ pháp nâng cao

Cung cấp toàn bộ tài liệu đã sử dụng trong bài giảng

Tự tay phát triển các dự án độc đáo


🙋🏻‍♀️ Đề xuất cho những người sau đây

Trường hợp 1 
Tôi muốn trở thành nhà phát triển Front-end!

Những ai muốn học tập kỹ lưỡng từ kiến thức cơ bản đến các khái niệm chuyên sâu về JavaScript,
nền tảng của phát triển Front-end.

Case 2 
Tôi mới bắt đầu học lập trình nên đang tìm kiếm một bài giảng dễ hiểu!

Chúng tôi giải thích một cách tận tình và chi tiết để ngay cả những người mới bắt đầu phát triển hay những người không chuyên cũng có thể theo học được.
(Chúng tôi cũng cung cấp cả trang web kịch bản bài giảng.)

Trường hợp 3 
Tôi muốn phát triển một dự án độc đáo!

Thay vì những dự án phổ biến như Todo List,
bạn có thể trực tiếp phát triển và sử dụng "màn hình bắt đầu Chrome của riêng mình".


🚀 Từ khái niệm đến dự án tất cả trong một lần

Hãy dừng lại những bài giảng chỉ đơn thuần học về ngôn ngữ và ngữ pháp!
Hãy cùng tìm hiểu lý do tại sao phải học JavaScript cùng với các cú pháp cơ bản và nâng cao, nguyên lý hoạt động của JavaScript,
và học tập từng bước một cách bài bản về cách lập trình web bằng JavaScript, sau đó áp dụng những nội dung đã học để phát triển 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ả nhất.

Khóa học Bước chân đầu tiên vào JavaScript dành cho Web Frontend là...

  • Ngay cả những người lần đầu tiếp cận với JavaScript hay lập trình cũng có thể dễ dàng thấu hiểu.
  • Tài liệu bài giảng và sổ tay hướng dẫn sẽ được cung cấp để giúp học viên dễ dàng hiểu bài hơn.
  • Bạn có thể áp dụng ngay những nội dung đã học bằng cách cùng nhau phát triển Chrome Extension của riêng mình. together.

⭐️ Đánh giá 4.9 điểm, khóa học được chứng thực bởi 55 bài đánh giá

Đây là những đánh giá thực tế từ các học viên đã tham gia khóa học "Bước chân đầu tiên vào JavaScript dành cho Web Frontend".

🧑‍🎓
Tài liệu hình ảnh rất gọn gàng và khả năng truyền đạt của giảng viên rất tốt. Giảng viên giải thích các điểm chính một cách rõ ràng nên tôi đã nghe để phục vụ việc ôn tập và thấy rất hiệu quả! Việc cung cấp cả tài liệu bài giảng cũng giúp ích rất nhiều cho tôi trong việc hệ thống lại nội dung đã học! Cảm ơn vì một bài giảng tuyệt vời

👩🏻‍💻
PPT gọn gàng, ví dụ cực kỳ dễ hiểu, mình nghĩ đây là bài giảng tuyệt vời nhất khi hướng dẫn các tính năng cần thiết mà không có nội dung thừa thãi!! Điều đáng tiếc nhất là chỉ có duy nhất một bài giảng của Hyobin thôi, hãy tạo thêm các bài giảng khác nữa nhé :)

🙆‍♂️
Nội dung bài giảng thấm rất nhanh vào đầu. Thú thật là các bài giảng khác thường khá nhàm chán và khó tập trung khiến tôi hay bị thẫn thờ khi xem, nhưng bài giảng này lại khiến tôi liên tục tập trung theo dõi và làm theo. Dù không có kiến thức nền tảng về công nghệ này nhưng tôi vẫn có thể tập trung xem bài giảng một cách thú vị, điều đó cho thấy khả năng truyền đạt của giáo viên thực sự rất tuyệt vời. Cảm ơn bạn đã tạo ra một bài giảng hay như vậy.

🕵️‍♀️
Những nội dung tôi từng không hiểu khi tự học đều đang được tiếp thu một cách dễ dàng khi nghe bài giảng. Đặc biệt, tôi rất thích cách thầy giải thích các thuật ngữ và khái niệm JavaScript vốn có thể gây khó khăn một cách dễ hiểu cùng với các mã ví dụ. Tôi nghĩ đây là khóa học bắt buộc phải nghe trước khi học React, Vue.js! Hy vọng sẽ có thêm cả khóa học JavaScript nâng cao nữa ạ😍


📖 Hãy cùng xem qua nội dung bạn sẽ học trong bài giảng.

Phần 1. Tại sao nên 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 đến vậy? Chúng tôi sẽ cho bạn biết
lý do tại sao nên học JavaScript.

Phần 2. Bắt đầu với JavaScript

Đầu tiên, chúng ta sẽ tìm hiểu về việc JavaScript hoạt động ở đâu và như thế nào.
Tiếp theo, chúng ta sẽ cùng xem qua từng mã ví dụ trên trình soạn thảo trực tuyến mà bất kỳ ai cũng có thể dễ dàng sử dụng để tìm hiểu chi tiết về các khái niệm cơ bản của JavaScript.

Phần 3. Ứng dụng JavaScript

Chúng ta sẽ cùng tìm hiểu các khái niệm chuyên sâu khó hơn một chút so với những nội dung đã học ở chương trước thông qua nhiều tài liệu hình ảnh đa dạng. Sau khi chọn lọc và nắm vững các khái niệm thực sự cần thiết, bạn sẽ được 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

Chúng ta sẽ tìm hiểu chi tiết về đối tượng gọi là DOM dùng để thao tác với các trang web. Thông qua hình thức live coding, chúng ta sẽ cùng nhau sử dụng từng API DOM khác nhau của JavaScript. Chúng ta sẽ tập trung vào các API DOM thường dùng nhất và thử thao tác với trang web theo nhiều cách khác nhau.

Phần 5. Chuẩn bị dự án

Chúng ta sẽ dành thời gian để tìm hiểu trước về các khái niệm bổ sung một cách chi tiết cần thiết khi tạo "Màn hình bắt đầu Chrome của riêng bạn". Vì chúng ta sẽ học kỹ các khái niệm cần thiết trước khi bắt đầu, nên bạn có thể phát triển dự án ở chương tiếp theo mà không gặp quá nhiều khó khăn.

Phần 6. Dự án: Màn hình bắt đầu Chrome của riêng tôi

Chúng ta sẽ vận dụng toàn bộ nội dung đã học từ phần 1 đến phần 5 để phát triển "Màn hình bắt đầu Chrome của riêng mình".
Dù là những nội dung đã học, chúng ta vẫn sẽ xem xét lại từng chút một và phát triển một cách chậm rãi, 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 thực hiện các thiết lập để bạn có thể thực sự sử dụng dự án đã phát triển.

Bonus. Những thuộc tính CSS nhất định phải biết

Mặc dù đây là bài giảng về JavaScript, nhưng trong phần 6, bạn sẽ được học về hai thuộc tính được sử dụng nhiều nhất và hữu ích nhất trong CSS dùng để phát triển dự án.
Nếu bạn đã thành thạo CSS, bạn có thể bỏ qua phần này.


Hỏi & Đáp 💬

Q. Tôi mới tiếp xúc với lập trình lần đầu, liệu có thể theo học được không?

Vâng. Khóa học này giải thích các khái niệm khác nhau của JavaScript một cách chi tiết và tận tình đến mức ngay cả những người mới tiếp xúc với lập trình cũng có thể theo học, vì vậy bạn có thể tham gia khóa học mà không gặp quá nhiều khó khăn. Vì chúng tôi cung cấp miễn phí tất cả các tệp PPT và kịch bản được sử dụng trong bài giảng, nên việc học cùng với các tài liệu này sẽ giúp ích cho bạn rất nhiều trong việc thấu hiểu nội dung bài học.

Q. Tôi không biết về HTML và CSS thì có sao không?

Kiến thức về HTML và CSS chỉ cần thiết trong các phần 5~6. Vì chúng tôi cung cấp riêng mã HTML và mã CSS, nên ngay cả khi không biết HTML và CSS, bạn vẫn có thể học JavaScript mà không gặp vấn đề gì.

Ngoài ra, đối với HTML, mỗi khi viết từng dòng mã, tôi đều giải thích ngắn gọn chức năng của mã đó nên bạn có thể theo dõi mà không gặp nhiều khó khăn, và đối với CSS, các thuộc tính cần giải thích khái niệm sẽ được đề cập chi tiết riêng trong phần [Phụ lục]. Do đó, những ai cần có thể học phần đó trước rồi mới nghe giảng thì sẽ có thể theo kịp bài học mà không gặp khó khăn gì.

Q. Sau khi hoàn thành khóa học này, tôi nên học gì tiếp theo?

Nếu bạn đã tham gia khóa học này để trở thành một nhà phát triển Web Frontend, trước tiên tôi khuyên bạn nên tự mình thực hiện dự án cuối cùng mang tên "Màn hình bắt đầu Chrome của riêng tôi". Sau đó, bạn có thể nghiên cứu sâu hơn về JavaScript với các khái niệm khó hơn, hoặc tìm hiểu các thư viện và framework dựa trên JavaScript như React.js, Vue.js hoặc Next.js.

💾 Vui lòng kiểm tra trước khi bắt đầu khóa học!

  • Bạn có thể tải xuống tệp PPT được sử dụng trong bài giảng tại bài học tương ứng.
  • Kịch bản được sử dụng trong bài giảng có thể được kiểm tra tại Phần 0 [Trang web kịch bản bài giảng tài liệu học tập].
  • Vui lòng hãy nghe bài giảng Phần 0 [Cách nghe bài giảng]..
  • Tôi sẽ cố gắng trả trả lời các câu hỏi của bạn nhanh nhất có thể.
  • Nếu bạn vừa học vừa kết hợp 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 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 tiếp cận với lập trình

  • Những ai muốn hoàn thành một dự án độc đáo.

  • Những người mong muốn trở thành nhà phát triển Frontend

  • Những ai muốn học JavaScript một cách nhanh chóng và chắc chắn

  • Những ai đang tìm kiếm một khóa học JavaScript với những lời giải thích tận tình.

  • Những người muốn nghe bài giảng cùng với tài liệu bài giảng

  • Những người còn thiếu kiến thức cơ bản về JavaScript

Cần biết trước khi bắt đầu?

  • CSS (Chỉ là khái niệm cần thiết trong phần 6)

  • HTML (Chỉ là khái niệm cần thiết trong phần 6)

Xin chào
Đây là hyobin

11,988

Học viên

415

Đánh giá

137

Trả lời

4.9

Xếp hạng

14

Các khóa học

Xin chào, tôi là Kim Hyo-bin 😊
Tôi đang cung cấp các bài giảng dễ hiểu và tận tâm dành cho những bạn mong muốn trở thành nhà phát triển Front-end.

(Hiện tại) Giảng viên đào tạo lập trình Front-end

(Cựu) Trưởng nhóm phát triển Frontend tại Startup


Trang web

https://hyobb.com/

Bài giảng trực tuyến

Sách

Hoạt động bên ngoài

  • Tác giả YozumIT

  • Tiến hành các bài giảng đặc biệt tại Udemy, Codeit, Đại học Nữ Hanyang, v.v.

Thêm

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
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

98 đánh giá

4.8

98 đánh giá

  • wlsdyd6202374님의 프로필 이미지
    wlsdyd6202374

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    34% đã tham gia

    Tôi muốn học JS và frontend nên tôi đã tham gia khóa học đó. Bài giảng này giải thích ngữ pháp, v.v. một cách chi tiết để ngay cả những người không chuyên cũng có thể hiểu đầy đủ nội dung. Ngoài ra, cá nhân tôi rất hài lòng vì chương trình giảng dạy bao gồm những lời khuyên dựa trên kinh nghiệm thực tế và triển khai dự án thực tế. Tôi nghĩ đây là khóa học mà những người mới bắt đầu hoặc những người quan tâm đến phát triển web front-end như tôi chắc chắn sẽ cảm thấy rằng khả năng của họ đã phát triển lên một tầm cao mới.

    • hyobin
      Giảng viên

      wlsdyd620, tôi nghĩ việc tạo ra bài giảng này rất đáng giá vì tôi nghe nói rằng bạn đã tiến bộ lên một cấp qua bài giảng của tôi😃 Cảm ơn bạn đã chăm chú lắng nghe!!

  • elonmusk님의 프로필 이미지
    elonmusk

    Đánh giá 64

    Đánh giá trung bình 4.8

    5

    100% đã tham gia

    Nội dung bài giảng in sâu vào tâm trí tôi. Thành thật mà nói, các bài giảng khác rất nhàm chán và tôi thường thấy mình ngơ ngác khi xem vì không thể tập trung, nhưng bài giảng này khiến tôi chú ý và tiếp tục xem và theo dõi. Tôi nghĩ kỹ năng truyền đạt của giáo viên rất tuyệt vời vì tôi có thể tập trung và thích thú với bài giảng mặc dù tôi không có nền tảng về công nghệ. Cảm ơn bạn đã tạo ra một khóa học tuyệt vời.

    • hyobin
      Giảng viên

      Tôi thực sự vui mừng vì bài giảng không nhàm chán và được truyền tải tốt😄 Cảm ơn bạn đã tham gia khóa học!!

  • ramirosol26354님의 프로필 이미지
    ramirosol26354

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    10% đã tham gia

    **Một bài giảng mang lại hy vọng rằng ngay cả những người bỏ học cũng có thể viết mã** Ngay cả giáo sư cũng đã từ bỏ việc trở thành một kẻ ngốc như vậy sau khi bước vào ngành kỹ thuật máy tính. Khóa học này đã cứu tôi Dù có đọc sách bao nhiêu lần đi chăng nữa, tôi cũng không thể hiểu được đang nói gì, nhưng đáng ngạc nhiên là nó cứ lởn vởn trong đầu tôi dù không có phụ đề. Tôi đặc biệt giới thiệu nó cho những ai cần những bài giảng trực quan như tôi!!

    • hyobin
      Giảng viên

      Tôi thực sự rất vui vì bài giảng của tôi đã giúp ích cho Hansol😃 Cảm ơn bạn đã chăm chú lắng nghe!

  • kycasdzxc님의 프로필 이미지
    kycasdzxc

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Những nội dung mà tôi không hiểu khi học một mình giờ đã hiểu rõ sau khi nghe giảng. Tôi đặc biệt thích cách bạn dễ dàng giải thích các thuật ngữ và khái niệm JavaScript, những thuật ngữ và khái niệm này có thể khó khăn bằng mã ví dụ. Tôi nghĩ đó là điều phải nghe trước khi học React, vue.js, v.v.! Sẽ thật tuyệt nếu có một khóa học JavaScript chuyên sâu😍

    • hyobin
      Giảng viên

      Như bạn đã nói, hiểu biết về JavaScript là điều cần thiết trước khi học các thư viện hoặc framework như React và vue!! Tôi rất vui vì bạn thấy nội dung bài giảng dễ hiểu. Tôi cũng sẽ cân nhắc tham gia một khóa học JavaScript chuyên sâu 😊 Cảm ơn bạn.

  • winterlood님의 프로필 이미지
    winterlood

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    20% đã tham gia

    Tôi nghĩ đây là khóa học JavaScript thân thiện và chi tiết nhất dành cho người mới bắt đầu. Tôi nghĩ đây là một khóa học tốt mà bạn có thể tham gia mà không cần tra cứu trên Google vì nó trình bày các khái niệm chi tiết và giải thích chi tiết tất cả các mã. 1. Tài liệu trực quan rất trực quan và đẹp mắt. 2. Thật tuyệt khi nghe mà không cảm thấy buồn ngủ nhờ cách phát âm chính xác! 3. Nhiều bài giảng thường chỉ kết thúc bằng việc học ngữ pháp, nhưng quá trình áp dụng những gì đã học để tạo nên một dự án thực tế lại rất ấn tượng.

    • hyobin
      Giảng viên

      Cảm ơn Jeonghwan😀

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!

708.216 ₫