Hướng dẫn how can i understand javascript easily? - làm thế nào tôi có thể hiểu javascript một cách dễ dàng?

JavaScript là một ngôn ngữ lập trình thường được sử dụng để phát triển web, trong số nhiều thứ khác. Nó hoạt động cùng với HTML và CSS để thêm chức năng động vào các trang web.

Khoảng 97% các trang web trên thế giới sử dụng JavaScript-vì vậy bạn có thể thấy rằng đó là một ngôn ngữ phổ biến và được sử dụng rộng rãi.

JavaScript là nước sốt của web. Đó là những gì làm cho mọi thứ nhảy múa. JavaScript cho phép các trang web làm những việc như hiển thị nội dung được cập nhật, hiển thị bản đồ mà bạn có thể tương tác và nhiều thứ khác.

Hôm nay chúng tôi sẽ học cách tìm hiểu JavaScript nhanh hơn để bạn có thể chỉ huy JavaScript theo cách bạn muốn và sử dụng nó một cách hiệu quả trong các dự án của mình.

Những gì chúng tôi sẽ đề cập trong bài viết này

• Cách học JavaScript nhanh hơn - & NBSP; Tổng quan
• Cách thực hành mã hóa trong JavaScript
• Tại sao bạn nên đọc tài liệu
• Một số thực tiễn tốt nhất bạn có thể áp dụng từ việc đọc tài liệu
• Cách đóng góp cho các dự án nguồn mở
• Làm thế nào để tìm các dự án để đóng góp cho
• Tại sao bạn nên xây dựng nhiều dự án
• Tài nguyên có thể truyền cảm hứng cho bạn để xây dựng các dự án

Cách thực hành mã hóa trong JavaScript

Thực hành là những gì làm cho bạn tiến bộ. Cho dù đó là trong âm nhạc, khiêu vũ, hát, chơi bóng rổ - hay mã hóa.

Thực hành thực sự lặp đi lặp lại và có thể mệt mỏi, nhưng đó là điều giúp chúng tôi và khiến chúng tôi khác biệt về lâu dài. Chính nhờ hành động thực hành và lặp lại mà chúng ta có thể giỏi tất cả các hoạt động này. Mã hóa không khác nhau.

Làm việc thông qua các khóa học và hướng dẫn

Các khóa học và hướng dẫn là một cách tốt để học. Bạn có thể tìm thấy nhiều tài liệu học tập khác nhau từ rất nhiều nơi trên web. Nếu bạn muốn tham gia một khóa học về một ngôn ngữ lập trình cụ thể, bạn có thể tìm thấy chúng trên các trang web như LinkedIn, Codecademy và Udemy.

Nếu bạn thích video, có nhiều kênh tuyệt vời trên YouTube đăng bài hướng dẫn mã hóa miễn phí. Một cửa hàng yêu thích của tôi là & nbsp; kênh của Freecodecamp.

Các kênh này có thể tập trung vào JavaScript hoặc bao gồm các video trên các ngôn ngữ lập trình khác.

Một quy tắc tốt mà tôi sử dụng trên YouTube là kiểm tra số lượt xem mà một hướng dẫn có. Điều này sẽ giúp bạn biết nếu đó là một điều tốt để theo dõi cùng với.

Ngoài ra chiều dài của hướng dẫn rất nhiều. Hướng dẫn dài hơn bao gồm những điều cơ bản nếu bạn chỉ bắt đầu lập trình trong JavaScript.

Hãy thử chương trình giảng dạy JavaScript miễn phí trên Freecodecamp

Chương trình giảng dạy của Freecodecamp là một cách hoàn hảo để thực hành mã hóa. Nó cung cấp những thách thức nhỏ mà bạn có thể thực hành và, một khi các bài kiểm tra của bạn vượt qua, hãy tiến hành bước tiếp theo. Nó gần như hoạt động như một trò chơi mà không có phần chơi game.

Bạn có thể hiểu cách thức hoạt động của ngôn ngữ bằng cách thực hiện các thách thức mà chương trình giảng dạy đưa ra. Điều này thực sự tốt cho những người thích chơi game.

Đây là một ví dụ về những gì mong đợi:

Đầu tiên, bạn sẽ cần phải đăng nhập khi bạn đang truy cập freecodecamp. Điều này cho phép bạn lưu điểm/điểm của bạn.

Ở đây bạn có thể chọn từ một loạt các khóa học miễn phí. Trong trường hợp của chúng tôi, chúng tôi chỉ cần khóa học JavaScript, vì vậy chúng tôi chọn một khóa học đó:

Tôi đã thực hiện tất cả các thử thách trong khóa học này, nhưng nếu bạn bắt đầu, bạn bắt đầu từ lần đầu tiên, Comment Your JavaScript Code.

Bây giờ, bạn sẽ có thể học khi bạn viết mã. Bạn cũng sẽ có thể chạy các bài kiểm tra của bạn ở phía dưới bên trái màn hình của bạn.

Ở phía bên phải, bạn có thể thấy rằng tôi đã hoàn thành thử thách.

Khi bạn nhấp vào Run the Tests(Ctrl + Enter), bạn sẽ nhận được điểm của mình nếu bạn hiểu đúng. Vì tôi đã thực hiện những thách thức này, điểm số của tôi vẫn sẽ duy trì ở mức 100%.

Tiếp tục thực hiện các thử thách cho đến khi bạn cảm thấy thoải mái.

Cách tiếp cận các khóa học/hướng dẫn để tránh địa ngục hướng dẫn

Thật dễ dàng để rơi vào cái bẫy của việc xem hướng dẫn sau hướng dẫn - và không thực sự giữ lại bất kỳ thông tin nào. Đôi khi các hướng dẫn này xuất hiện hết lần này đến lần khác như các tập trên loạt phim Netflix.

Tôi đã từng ở đó. Nó đã xảy ra khi tôi học React lần đầu tiên. Tôi đã làm theo một khóa học trực tuyến. Có một hackathon sắp tới mà tôi cần biết React, và tôi đã lao sâu vào khóa học.

Làm thế nào tôi thích nó. Người hướng dẫn là tuyệt vời! "Làm thế nào dễ dàng là phản ứng?" "Tôi nói. Tôi đã đến hackathon và tham gia một đội. Với kiến ​​thức mới về React, tôi đã bảo họ để lại mặt trước cho tôi cần phản ứng. Chính trong quá trình thực hiện thực tế đã đánh tôi. Tôi không thể viết bất cứ điều gì trong React.

Làm thế nào tôi thoát khỏi địa ngục hướng dẫn

Vì vậy, tôi thấy mình đang xem hướng dẫn rất nhiều. Và thời điểm xác định đối với tôi là khi tôi bắt đầu thực hiện những gì tôi học được bằng cách mã hóa trong khi xem hướng dẫn. Tôi đã có thể tạo một dự án sau khi xem một hướng dẫn. Sau đó tôi tạo ra một cái khác sau đó một cái khác và một cái khác.

Bây giờ tôi đã sẵn sàng để tự mình thử các dự án. Sử dụng các dự án tôi đã tạo, tôi sẽ mượn các khái niệm từ chúng như thanh điều hướng hoặc chân trang, và tôi sẽ thực hiện nó trong dự án mới của mình. Cuối cùng, tôi đã có thể tự mình tạo một dự án mới mà không cần sự trợ giúp của các hướng dẫn.

Đọc tài liệu

Khả năng đọc tài liệu là một kỹ năng bị đánh giá thấp nhưng quan trọng. Đọc tài liệu có thể cho bạn hiểu rõ hơn về ngôn ngữ.

Hầu hết các hướng dẫn sẽ chỉ dạy cho bạn những điều cơ bản để bạn có thể bắt đầu lập trình trong JavaScript. Nhưng nếu bạn hoàn toàn hiểu ngôn ngữ và cách nó hoạt động, điều này có thể tăng kỹ năng của bạn gấp mười lần.

Điều này làm tôi nhớ đến khi tôi đang học cách các chuyến tàu hoạt động. Vâng, một câu chuyện cho một ngày khác. :)

Ngoài ra, đọc tài liệu giúp bạn hiểu các thực tiễn tốt nhất của JavaScript. Rất nhiều thời gian, mà không biết các thực tiễn tốt nhất, bạn có thể rơi vào cái bẫy của việc viết mã xấu không hiệu quả. Điều này dẫn bạn xuống hố thỏ không bao giờ kết thúc mã không hiệu quả.

Có rất nhiều công cụ bạn có thể sử dụng để duyệt tài liệu. Một số trong số này bao gồm Zeal, DevDocs và DevBook, tất cả đều miễn phí. Nếu bạn cảm thấy rằng bạn muốn hiểu các chức năng của mình tốt hơn, bạn có thể sử dụng chức năng tìm kiếm của họ bên trong ứng dụng và đọc thêm về nó mà không cần phải google. (Nguồn: Bruno Edoh)

Những gì bạn sẽ học được từ việc đọc tài liệu

Đôi khi học thông qua một hướng dẫn để lại cho bạn nhiều câu hỏi hơn bạn đã trả lời. Đây là nơi tài liệu đến.

Một khái niệm có thể được giới thiệu bởi người hướng dẫn khóa học khiến bạn bị treo. May mắn thay, bạn thường có thể tìm hiểu thêm về khái niệm đó bằng cách đi đến tài liệu.

Ví dụ, trong khóa học dành cho người mới bắt đầu về việc học JavaScript của Beau Carnes:

Beau đã thực sự đưa ra các khái niệm tốt! Nhưng nếu bạn cảm thấy rằng bạn muốn khám phá variables thêm, ví dụ, bạn có thể đi và Google "biến trong JavaScript".

Ngoài ra, bạn có thể google bằng phương pháp đặc biệt này: Từ khóa tìm kiếm sẽ tìm kiếm truy vấn trong trang web mà bạn muốn. Hãy sử dụng các tài liệu web MDN làm ví dụ: "Nhà phát triển.mozilla.org biến":

Khi tôi theo liên kết, nó đưa tôi đến tài liệu về các biến. Ở đây trong tài liệu, bạn có thể tìm hiểu các biến là gì. Khi tôi theo liên kết "Khai báo các biến trong JavaScript":
Here in the documentation, you can learn what variables are. When I follow the link "Declaring variables in JavaScript":

Và ở đó tôi có thể tìm hiểu thêm về các biến JavaScript.

Khi tôi cuộn xuống một chút, tôi có thể tìm hiểu thêm về các loại dữ liệu. Ở đây bạn có thể khám phá nhiều hơn bằng cách theo các liên kết riêng lẻ của họ.

Một số thực tiễn tốt nhất bạn có thể áp dụng từ việc đọc tài liệu

Điều tốt nhất về tài liệu là bạn nhận được câu trả lời cho các câu hỏi mà bạn chưa hỏi.

Bạn có thể tìm thấy tất cả các chức năng mà bạn từng đi trong tài liệu. Nếu bạn lướt qua nó, bạn có thể có một hoặc hai ý tưởng có thể rất hữu ích trong các dự án trong tương lai của bạn.

Một lợi thế khác là nó sẽ giúp bạn viết mã hiệu quả. Đọc tài liệu giới thiệu cho bạn những cách viết mã của bạn tốt hơn. Điều này giúp bạn tránh hàng giờ tìm kiếm trên Stack Overflow và Google về lý do tại sao mã của bạn không hoạt động.

Đóng góp cho các dự án nguồn mở

Một cách tuyệt vời khác để học là đóng góp cho các dự án nguồn mở.

Có rất nhiều dự án nguồn mở mà bạn có thể học hỏi và đóng góp cho GitHub. Một số dự án này bao gồm:

Bạn-dont-know-js.

Kho lưu trữ này sẽ giúp bạn tìm hiểu thêm về JS ở cấp độ sâu hơn.

Bạn sẽ có thể học hỏi khi bạn đóng góp. Đóng góp cho nguồn mở có thể nhỏ như một lỗi đánh máy. Bạn có thể đi qua README (mà bạn có thể tìm thấy trên trang chính của kho lưu trữ ở phía dưới) để hiểu rõ hơn về dự án.

Một số đóng góp khác mà bạn có thể thực hiện bao gồm chia sẻ các đề xuất trong các vấn đề, giúp viết blog và cả mã hóa.

Nếu bạn không quen thuộc với kho lưu trữ hoặc là người dùng lần đầu tiên, bạn có thể bắt đầu với các vấn đề được gắn nhãn là good-first-issues trên tab các vấn đề.

Đây là liên kết đến kho lưu trữ: www.github.com/getify/you-dont-kn-js

Hãy chắc chắn rằng bạn có một tài khoản GitHub nếu bạn muốn sao chép kho lưu trữ hoặc bạn có những thay đổi mà bạn đã thực hiện và bạn muốn đưa ra yêu cầu kéo đến kho lưu trữ.

Các dự án khác mà bạn có thể đóng góp cho và với một cộng đồng bao gồm là:

1. Clean-Code-JavaScript. (github.com/ryanmcdermott/clean-code-javascript).
2. WTFJS. (github.com/denysdovhan/wtfjs).
3. ES6-for-người. (github.com/metagrover/es6-for-humans).

Đọc qua mã của các dự án này và tìm hiểu cách chúng cấu trúc mã của chúng. Bạn cũng có thể nghiên cứu các ngôn ngữ và khung họ sử dụng sẽ giúp bạn thực hành và củng cố việc học của bạn trong JavaScript.

Cộng đồng nguồn mở nói chung cũng rất hoan nghênh. Nếu bạn tìm thấy một dự án mà bạn thích, hãy thử!

Cách đóng góp cho nguồn mở

Để có thể đóng góp cho nguồn mở, bạn chỉ cần ba điều:

• Một máy tính
• Một tài khoản GitHub
• Mong muốn đóng góp

Để tạo tài khoản GitHub, hãy truy cập trang web của GitHub.

Tại đây, bạn có thể đăng ký tài khoản GitHub. Sau khi đăng ký, bạn đăng nhập với thông tin đăng nhập mới của bạn.

Sau khi đăng nhập, bây giờ bạn có thể bắt đầu cuộc hành trình của mình vào phát triển nguồn mở!

Một nơi tốt để bắt đầu là tìm kiếm bất kỳ dự án nào mà bạn muốn đóng góp. Chúng tôi sẽ sử dụng một ví dụ về dự án JavaScript, được lưu trữ trên GitHub.

Làm thế nào để tìm các dự án để đóng góp cho

Trong thanh tìm kiếm, tôi nhập "javascript".

Sau đó, tôi sẽ chọn "Tất cả GitHub" trong tìm kiếm của mình để tìm kiếm toàn bộ GitHub. Đó là một trong những hiện đang nổi bật trong màu xanh.

Khi tôi tìm kiếm, nó sẽ đưa tôi đến trang này.

Nó trả về có thể kho lưu trữ mà tôi có thể đóng góp, hoặc tôi chỉ có thể xem cơ sở mã của họ.

Có hơn một triệu kho lưu trữ trên JavaScript. Trong trường hợp của tôi, tôi sẽ chọn "Hướng dẫn kiểu JavaScript của Airbnb".

Bằng cách chọn hướng dẫn kiểu này, nó đưa tôi vào kho lưu trữ của họ.

Một điều tốt cần lưu ý, là kho lưu trữ này là một nơi tốt để học JavaScript. Nó sẽ dạy cho bạn cách viết JavaScript đúng đắn và cũng chỉ cho bạn một cách tồi tệ.

Bạn cũng có thể chọn tab "Vấn đề" nơi bạn có thể tìm kiếm một vấn đề mà bạn cảm thấy thoải mái khi giải quyết.

Khi bạn nhấp vào nó, bạn sẽ đưa bạn đến các vấn đề hiện tại mà các nhà phát triển của kho lưu trữ này đang cố gắng giải quyết và sẽ đánh giá cao sự giúp đỡ của bạn.

Nếu kho lưu trữ không phải là thứ mà bạn cảm thấy thoải mái khi đóng góp hoặc không thân thiện với người mới bắt đầu, bạn có thể kiểm tra các kho lưu trữ thân thiện với người mới bắt đầu khác như Web development resources hoặc EddieHub community nơi bạn có thể chia sẻ tài nguyên, tìm hiểu và là một phần của cộng đồng.

Trở thành một phần của một cộng đồng là tuyệt vời!

Kho lưu trữ tài nguyên phát triển web

Hãy nhớ chọn All GitHub trong tìm kiếm vì chúng tôi muốn tìm kiếm toàn bộ GitHub. Các tùy chọn khác là in this repository để tìm kiếm trong kho lưu trữ này và in this organization để tìm kiếm trong tổ chức.

Vẫn ở GitHub, bạn có thể tìm kiếm EddieHub nơi bạn có thể tìm thấy một cộng đồng các nhà phát triển chào đón, sẵn sàng giúp các nhà phát triển mới đóng góp cho các kho lưu trữ nguồn mở miễn phí. Nó có kho lưu trữ tuyệt vời nơi bạn có thể học và đóng góp.

Xây dựng nhiều dự án

Xây dựng các dự án thực sự giúp bạn nắm bắt được cách thức hoạt động của phần mềm.

Bao giờ tự hỏi làm thế nào, khi bạn nhấp vào chuột hoặc bàn phím, điều gì đó xảy ra - và bạn luôn muốn biết làm thế nào? Thực hiện các dự án giúp bạn hiểu tất cả những điều đó.

Bạn càng thực hiện nhiều dự án, bạn sẽ hiểu một chủ đề tốt hơn. Và bạn sẽ càng thỏa mãn mong muốn có thể suốt đời của mình để khám phá cách tất cả hoạt động.

Làm cho các dự án cũng làm bạn cứng rắn. Bạn trở thành một người thích giải quyết vấn đề cho dù họ nhỏ hay to như thế nào. Khả năng đối mặt với các thách thức lập trình và giải quyết các vấn đề phát sinh bán cho bạn như một người giải quyết vấn đề. Khả năng này được áp dụng ở mọi nơi trong cuộc sống.

"Cách tốt nhất để học đi xe đạp là mua một chiếc xe đạp và bắt đầu đạp xe." Karlgusta.

Để bắt đầu đi xe đạp, bạn không thực sự đọc về chiếc xe đạp. Đôi khi bạn không biết các bộ phận xe đạp, nhưng bạn vẫn đạp xe và học trên đường đi, nếu bạn đủ tò mò.

Đó cũng là trong việc xây dựng các dự án mà sự sáng tạo đáp ứng các kỹ năng kỹ thuật. Hầu hết các ngành công nghiệp không có cách bạn có thể sử dụng các kỹ năng kỹ thuật và sự sáng tạo của mình cùng nhau. Nhưng ngành công nghiệp phần mềm làm.

Bạn sẽ không phải đối mặt với những vấn đề tương tự mỗi khi bạn xây dựng một cái gì đó, vì vậy bạn sẽ cần phải sáng tạo để tìm giải pháp. Những thách thức, và các giải pháp bạn đưa ra, là nơi mà niềm vui và sự hài lòng nằm.

Đó là một sự cân bằng tốt giữa tài liệu, hướng dẫn, mã hóa (chủ yếu) và đọc mã của người khác. Tin tưởng ruột của bạn trong quá trình.

Nếu bạn cần hướng dẫn để tăng cường sự tự tin của bạn, đây là một số tài nguyên có thể giúp đỡ.

Tài nguyên có thể truyền cảm hứng cho bạn để xây dựng các dự án

Dưới đây là một số tài nguyên có thể hữu ích trong việc xây dựng dự án JavaScript đầu tiên của bạn:

1. Lập trình JavaScript - Khóa học đầy đủ (miễn phí).

Trong video hướng dẫn này của Per Harald Borgen, bạn sẽ tìm hiểu về việc tạo một ứng dụng quầy hành khách bằng JavaScript. Bạn sẽ học cách tạo một biến, thêm nút, thêm trình nghe sự kiện, chức năng, chuỗi, nếu các câu lệnh khác, mảng và nhiều hơn nữa. Tất cả điều này là trong JavaScript và nó miễn phí.

Trong cùng một video, có một món quà bí mật thậm chí còn đẹp hơn! Xây dựng một phần mở rộng chrome. Ối! Tôi đã nói nó.

2. Cách tạo đồng hồ truy cập (miễn phí).How to create a counter clock (Free).

Trong video hướng dẫn này, bạn sẽ tìm hiểu cách tạo một chiếc đồng hồ truy cập giống như một chiếc đồng hồ truy cập trên một trang web thương mại điện tử như Amazon.

3. & NBSP; 40 Dự án JavaScript miễn phí cho người mới bắt đầu

Trong bài viết này, Jessica chia sẻ 40 dự án JavaScript bạn có thể xây dựng để thực hành các kỹ năng của mình khi bạn học.

Bạn sẽ xây dựng một chiếc Navbar đáp ứng, đồng hồ đếm ngược, một trò chơi platformer và nhiều hơn nữa.

Sự kết luận

JavaScript là ngôn ngữ lập trình mạnh mẽ và đó là một ngôn ngữ tuyệt vời để tìm hiểu nếu bạn muốn bắt đầu mã hóa.

Khả năng đọc tài liệu của bạn sẽ cho bạn hiểu rõ hơn về ngôn ngữ. Nó cũng sẽ giúp bạn trong việc hiểu các thực tiễn tốt nhất của JavaScript.

Thực hành mã hóa thông qua chương trình giảng dạy, học thông qua các hướng dẫn trong khi mã hóa một dự án và đóng góp cho nguồn mở sẽ khiến bạn khác biệt với các đồng nghiệp của bạn. Nó cũng sẽ làm cho bạn một lập trình viên tốt hơn.

Bằng cách thực hiện các dự án, bạn có thể hiểu cách thức hoạt động của JavaScript và nói chung cách thức hoạt động của phần mềm. Điều này cũng giúp bạn giải phóng sự sáng tạo của bạn.

Tôi hy vọng bạn thích đọc bài viết này. Nếu bạn có bất kỳ câu hỏi hoặc đề xuất nào, hãy thoải mái đánh tôi trên Twitter.

Hẹn sớm gặp lại!