JavaScript là ngôn ngữ lập trình thường được sử dụng để phát triển web, trong số nhiều ngôn ngữ khác. Nó hoạt động cùng với HTML và CSS để thêm chức năng động cho 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. Nó là thứ làm cho mọi thứ nhảy múa. JavaScript cho phép các trang web thực hiện những việc như hiển thị nội dung 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 ta sẽ học cách học JavaScript nhanh hơn để bạn có thể ra lệnh cho JavaScript theo ý muốn và sử dụng nó một cách hiệu quả trong các dự án của bạn
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 – 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ố phương pháp hay 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 mã nguồn mở
- Cách tìm dự án để đóng góp
- 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 viết mã trong JavaScript
Thực hành là những gì làm cho bạn tiến bộ. Cho dù đó là âm nhạc, khiêu vũ, ca hát, chơi bóng rổ – hay viết mã
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 luyện tập và lặp đi 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 các 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ó rất nhiều kênh tuyệt vời trên YouTube đăng các hướng dẫn mã hóa miễn phí. Cửa hàng tổng hợp yêu thích của tôi là 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ả video về các ngôn ngữ lập trình khác
Một nguyên tắc hay 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 để làm theo
Ngoài ra, độ dài của hướng dẫn rất quan trọng. Các hướng dẫn dài hơn bao gồm tốt những điều cơ bản nếu bạn mới bắt đầu lập trình bằng JavaScript
Dùng thử Giáo trình 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 viết mã. Nó đưa ra những thử thách nhỏ mà bạn có thể thực hành và sau khi bài kiểm tra của bạn vượt qua, hãy chuyển sang bước tiếp theo. Nó gần như hoạt động giống như một trò chơi không có phần chơi trò chơi
Bạn có thể hiểu cách hoạt động của ngôn ngữ bằng cách thực hiện các thử thách 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 trò chơi
Đây là một ví dụ về những gì mong đợi
Trước tiên, bạn sẽ cần Đăng nhập khi truy cập freeCodeCamp. Điều này cho phép bạn lưu điểm/điểm của mình
Tại đây bạn có thể chọn từ nhiều 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 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 hãy bắt đầu từ thử thách đầu tiên, Comment Your JavaScript Code
Bây giờ, bạn sẽ có thể học khi viết mã. Bạn cũng sẽ có thể chạy các bài kiểm tra của mình ở phía dưới bên trái màn hình của bạn.
Ở 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 nếu làm đúng. Vì tôi đã thực hiện những thử thách này nên điểm số của tôi sẽ vẫn ở 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
Rất dễ rơi vào cái bẫy xem hết hướng dẫn này đến hướng dẫn khác – và không thực sự lưu giữ bất kỳ thông tin nào. Đôi khi các hướng dẫn này nối tiếp nhau giống như các tập phim trên Netflix
tôi đã từng ở đó. Nó xảy ra khi tôi học React lần đầu tiên. Tôi đã theo dõi một khóa học trực tuyến. Sắp có một cuộc thi hackathon mà tôi cần biết về React, và tôi đã tìm hiểu sâu về khóa học
Tôi đã tận hưởng nó như thế nào. Người hướng dẫn thật tuyệt. "Phản ứng dễ dàng như thế nào?" Tôi nói. Tôi đã tham dự cuộc thi hackathon và gia nhập một đội. Với kiến thức mới của tôi về React, tôi đã bảo họ để giao diện người dùng cho tôi, nơi yêu cầu React. Chính trong quá trình thực hiện, thực tế đã ập đến với 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 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 viết mã trong khi xem hướng dẫn. Tôi đã có thể tạo một dự án sau khi xem hướng dẫn. Sau đó tôi tạo một cái khác rồi 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ẽ triển khai nó trong dự án mới của mình. Cuối cùng, tôi đã có thể tự tạo một dự án mới mà không cần sự trợ giúp của 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ể giúp 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 bằng 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ể nâng cao kỹ năng của bạn gấp mười lần
Điều này làm tôi nhớ lại khi tôi học cách hoạt động của tàu hỏa. 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 phương pháp hay nhất về JavaScript. Trong nhiều trường hợp, nếu không biết các phương pháp hay nhất, bạn có thể rơi vào bẫy viết mã xấu và không hiệu quả. Điều này dẫn bạn đến lỗ hổng của mã không bao giờ kết thúc 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 muốn hiểu rõ hơn về các chức năng của mình, bạn có thể sử dụng chức năng tìm kiếm của chúng bên trong ứng dụng và đọc thêm về chức năng đó mà không cần phải Google. [Nguồn. Bruno Edoh]
Bạn sẽ học được gì khi đọc tài liệu
Đôi khi việc học thông qua hướng dẫn khiến bạn có nhiều câu hỏi hơn bạn đã trả lời. Đây là nơi tài liệu đi vào
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 vào tài liệu
Ví dụ: trong khóa học dành cho người mới bắt đầu về học JavaScript này của Beau Carnes
Khóa học dành cho người mới bắt đầu học JavaScript của Beau CarnesBeau đã 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á thêm variables chẳng hạn, bạn có thể truy cập và google "các 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 MDN Web Docs làm ví dụ. "nhà phát triển. mozilla. biến tổ chức"
Khi tôi nhấp vào liên kết, nó sẽ đưa tôi đến tài liệu về các biến.
Trong tài liệu này, 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 biến trong 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. Tại đây bạn có thể khám phá thêm bằng cách theo các liên kết riêng lẻ của họ
Một số phương pháp hay 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 những 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 sử dụng 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 cho các dự án tương lai của bạn
Một ưu điểm 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 tốt hơn để viết mã của bạn. Điều này giúp bạn tránh hàng giờ tìm kiếm trên Stack Overflow và tìm kiếm trên Google lý do tại sao mã của bạn không hoạt động
Đóng góp cho các dự án mã nguồn mở
Một cách tuyệt vời khác để học là đóng góp cho các dự án mã nguồn mở
Có rất nhiều dự án mã nguồn mở mà bạn có thể học hỏi và đóng góp trên GitHub. Một số dự án này bao gồm
Bạn-Không-Biết-JS
Kho lưu trữ này sẽ giúp bạn tìm hiểu thêm về JS ở mức độ sâu hơn
Bạn sẽ có thể học khi bạn đóng góp. Đóng góp cho nguồn mở có thể nhỏ như sửa lỗi đánh máy. Bạn có thể xem 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ẻ đề xuất trong các vấn đề, giúp viết blog và viết mã
Nếu bạn chưa quen với kho lưu trữ hoặc là người dùng lần đầu, bạn có thể bắt đầu với các vấn đề có nhãn là good-first-issues trên tab vấn đề
Đây là liên kết đến kho lưu trữ. www. github. com/getify/Bạn-Không-Biết-JS
Đảm bảo rằng bạn có 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 thực hiện Yêu cầu kéo tới kho lưu trữ
Các dự án khác mà bạn có thể đóng góp và với một cộng đồng hòa nhập là
- Clean-Code-JavaScript. [github. com/ryanmcdermott/clean-code-javascript]
- wtfjs. [github. com/denysdovhan/wtfjs]
- ES6-dành cho con người. [github. com/metagrover/ES6-dành cho con người]
Đọc qua mã của các dự án này và tìm hiểu cách họ cấu trúc mã của mình. Bạn cũng có thể nghiên cứu các ngôn ngữ và khuôn khổ mà họ sử dụng sẽ giúp bạn thực hành và củng cố việc học của mình bằng JavaScript
Cộng đồng mã 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 mã 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
- Tài khoản GitHub
- Khát khao cống hiến
Để 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 bằng thông tin đăng nhập mới của mình
Sau khi đăng nhập, bây giờ bạn có thể bắt đầu hành trình phát triển mã nguồn mở của mình
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
Cách tìm dự án để đóng góp
Trong thanh tìm kiếm, tôi gõ "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à cái hiện đang được đánh dấu bằng màu xanh lam.
Khi tôi tìm kiếm, nó sẽ đưa tôi đến trang này.
Nó trả về các 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 "Airbnb's JavaScript Style Guide"
Bằng cách chọn hướng dẫn phong cách này, nó đưa tôi đến 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 bạn cách viết JavaScript đúng và cũng chỉ cho bạn cách viết sai
Bạn cũng có thể chọn tab "Sự cố" nơi bạn có thể tìm kiếm sự cố mà bạn cảm thấy thoải mái khi giải quyết
Khi bạn nhấp vào nó, 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 trong việc giải quyết
Nếu kho lưu trữ không phải là kho mà bạn cảm thấy thoải mái khi đóng góp hoặc nó 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, học hỏi và là một phần của cộng đồng
Trở thành một phần của cộng đồng thật tuyệt
Kho 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 trong 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 chào đón các nhà phát triển, sẵn sàng giúp các nhà phát triển mới đóng góp miễn phí cho các kho nguồn mở. Nó có các kho lưu trữ tuyệt vời, nơi bạn có thể học hỏi và đóng góp
Xây dựng nhiều dự án
Các dự án xây dựng 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
Bạn đã bao giờ tự hỏi làm thế nào, khi bạn nhấp chuột hoặc bàn phím, điều gì đó sẽ xảy ra – và bạn luôn muốn biết làm thế nào?
Bạn càng thực hiện nhiều dự án, bạn càng hiểu rõ hơn về một chủ đề. Và bạn sẽ càng thỏa mãn mong muốn có thể là cả đời của mình để khám phá cách thức hoạt động của tất cả
Thực hiện các dự án cũng làm bạn khó khăn hơn. Bạn trở thành một người thích giải quyết vấn đề dù lớn hay nhỏ. 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 giúp bạn trở thành 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ề xe đạp. Đôi khi bạn không biết các bộ phận của xe đạp, nhưng bạn vẫn đạp xe và tìm hiểu trên đường đi, nếu bạn đủ tò mò
Trong các dự án xây dựng, sự sáng tạo đáp ứng các kỹ năng kỹ thuật cũng vậy. Hầu hết các ngành không có cách nào để 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 không
Bạn sẽ không phải đối mặt với những vấn đề giống nhau mỗi khi xây dựng thứ gì đó, vì vậy bạn sẽ cần phải sáng tạo để tìm ra giải pháp. Những thách thức và giải pháp bạn đưa ra là nơi niềm vui và sự hài lòng nằm ở đó
Đó là sự cân bằng tốt giữa tài liệu, hướng dẫn, mã hóa [hầu hết] và đọc mã của người khác. Tin tưởng vào 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 mình, đây là một số tài nguyên có thể hữu ích
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
- Lập trình JavaScript - Toàn khóa học [Miễn phí]
Trong video hướng dẫn này của Per Harald Borgen, bạn sẽ tìm hiểu về cách tạo ứng dụng quầy hành khách bằng JavaScript. Bạn sẽ học cách tạo biến, thêm nút, thêm trình xử lý sự kiện, hàm, chuỗi, câu lệnh if other, mảng, v.v. 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 thú vị hơn. Xây dựng tiện ích mở rộng chrome. Ối. tôi đã nói nó
2. Cách tạo đồng hồ đếm ngược [Miễn phí]
Trong video hướng dẫn này, bạn sẽ tìm hiểu cách tạo đồng hồ đếm tương tự như đồng hồ đếm trên trang web thương mại điện tử như Amazon
3. 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 mà bạn có thể xây dựng để thực hành các kỹ năng của mình khi học
Bạn sẽ xây dựng thanh điều hướng đáp ứng, đồng hồ đếm ngược, trò chơi platformer, v.v.
Phần kết luận
JavaScript là một ngôn ngữ lập trình mạnh mẽ và là ngôn ngữ tuyệt vời để học nếu bạn muốn bắt đầu viết mã
Khả năng đọc tài liệu của bạn sẽ giúp bạn hiểu rõ hơn về ngôn ngữ. Nó cũng sẽ giúp bạn hiểu các phương pháp hay nhất về JavaScript
Thực hành viết mã thông qua chương trình giảng dạy, học qua các hướng dẫn trong khi viết mã dự án và đóng góp cho mã nguồn mở sẽ giúp bạn khác biệt với các đồng nghiệp của mình. Nó cũng sẽ giúp bạn trở thành một lập trình viên giỏi 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à phần mềm nói chung hoạt động như thế nào. Điều này cũng giúp bạn thỏa sức sáng tạo
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, vui lòng liên hệ với tôi trên Twitter
hẹn sớm gặp lại
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
QUẢNG CÁO
xin chào. Tôi hiện đang làm việc trên một HMIS mã nguồn mở. Đồng thời là Nhà phát triển giải pháp toàn thời gian. “Không ngừng leo núi. " Theo dõi tôi trên Twitter. @annoh_karlgusta
Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn
Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu