Dự án HTML, CSS JavaScript

Trang này liệt kê hơn 100 dự án JavaScript dành cho người mới bắt đầu. Không có khung và mỗi dự án đã hoàn thành bao gồm mô tả, tóm tắt của tôi và các tệp nguồn để tải xuống. Chúng tôi đã tổng hợp danh sách hơn 100 dự án JavaScript dành cho người mới bắt đầu vì chìa khóa để trở thành Nhà phát triển JavaScript giỏi là thực hành, thực hành, thực hành. Bạn biết điều này, và tôi biết điều này

Nhận mức lương sáu con số khi làm kỹ sư phần mềm

Nhận quyền truy cập kỹ thuật số ngay lập tức vào Sách điện tử của tất cả 100 Dự án JavaScript

 

Mua nó chỉ với 10 đô la ngay hôm nay và bắt đầu xây dựng một danh mục đầu tư sẽ khiến các nhà tuyển dụng trong tương lai phấn khích

100 Days of Code thách thức bạn code trong 100 ngày. Sẽ thật tuyệt nếu bạn thực sự xây dựng một dự án JavaScript mới mỗi ngày phải không?

Vì vậy, làm thế nào để bạn, với tư cách là nhà phát triển JavaScript mới bắt đầu đến trung cấp, bắt đầu tìm các dự án cho #100DaysofCode để viết mã nhất quán trong 100 ngày?

Đó là một quyết định khó khăn

Tôi biết

Đây là lý do tại sao tôi tạo trang web này với hơn 100 dự án JavaScript dành cho người mới bắt đầu. Tôi muốn bạn không còn phải lướt internet không ngừng để tìm 100 dự án ở 100 địa điểm khác nhau mà bạn có thể làm như một người mới bắt đầu JavaScript

Danh sách này bao gồm hơn 100 dự án JavaScript được đề xuất cho người mới bắt đầu cũng như các nhà phát triển JavaScript trung cấp. Nói cách khác, bây giờ bạn không còn lời bào chữa nào nữa. Bạn sẽ làm tốt hơn vì bạn quyết tâm trở thành nhà phát triển JavaScript giỏi nhất trong lĩnh vực của mình. Và bởi vì bạn đã bắt gặp trang này để tìm kiếm các dự án JavaScript dành cho người mới bắt đầu, tôi có một danh sách các dự án JavaScript dành cho bạn

Bạn sẽ tìm thấy hơn 100 dự án JavaScript có quy mô vừa và nhỏ mà tôi thách thức bạn xây dựng TRƯỚC KHI bạn chuyển sang học một Framework mới như React, Angular hoặc Vue. Và bạn chắc chắn nên thực hiện từng dự án trong danh sách các dự án JavaScript dành cho người mới bắt đầu này trước khi chuyển sang viết kịch bản phía máy khách với Node. js

Danh sách hơn 100 dự án JavaScript dành cho người mới bắt đầu

Theo liên kết để đọc mục tiêu của dự án, xem nó hoạt động và tải xuống các tệp nguồn. Nếu không có liên kết, tôi chưa hoàn thành nó. Nhưng bạn có thể nhận tất cả các dự án và giải pháp video từ các khóa học được đề xuất bên dưới danh sách này trên trang này

Nhận mức lương sáu con số khi làm kỹ sư phần mềm

Nhận quyền truy cập kỹ thuật số ngay lập tức vào Sách điện tử của tất cả 100 Dự án JavaScript

 

Mua nó chỉ với 10 đô la ngay hôm nay và bắt đầu xây dựng một danh mục đầu tư sẽ khiến các nhà tuyển dụng trong tương lai phấn khích

1. Thay đổi màu nền dự án

Thay đổi màu nền dự án

2. Dự án thay đổi màu nền Hex

Thay đổi màu nền Dự án HEX

3. Dự án báo giá ngẫu nhiên

Dự án máy phát điện báo giá

4. Vượt qua Dự án Tin nhắn

Dự án chuyển tin nhắn cục bộ

5. Dự án truy cập

Dự án bộ đếm đơn giản

6. Dự án thanh trượt hình nền

Dự án thanh trượt hình ảnh mảng

7. Lời chứng thực

Array Testimonials Dự án sử dụng các đối tượng

8. Lọc dự án

Dự án bộ lọc mảng

9. dự án phương thức

Dự án phương thức bật lên

10. Dự án Máy tính

Dự án Máy tính

11. Dự án Biểu mẫu Mẹo

Dự án Biểu mẫu Mẹo

12. Dự án danh sách việc cần làm

Dự án danh sách việc cần làm

13. dự án giỏ hàng tạp hóa

Dự án giỏ hàng thương mại điện tử

14. Danh sách cửa hàng tạp hóa

Dự án Danh sách Cửa hàng tạp hóa #1

14b. Dự án danh sách hàng tạp hóa #2 [Trung cấp]

Dự án Danh sách Cửa hàng tạp hóa #2

15. Dự án biểu mẫu khóa học [Dự án trung cấp/OOP]

Dự án biểu mẫu khóa học JavaScript

16. Dự án Flashcard [Dự án trung cấp/OOP]

Dự án Flashcard JavaScript OOP

17. Dự án ứng dụng ngân sách

Ứng dụng ngân sách OOP JavaScript

18. Dự án quán cà phê

19. Dự án đại lý ô tô

20. Trò đùa ngẫu nhiên Dự án AJAX

Dự án JavaScript AJAX – Trò đùa ngẫu nhiên

21. Người ngẫu nhiên Dự án AJAX

Dự án API người dùng ngẫu nhiên JavaScript

22. Dự án phương thức HTTP

23. Dự án Tìm kiếm Wikipedia

24. Dự án dữ liệu thời tiết

25. Dự án Github

26. Dự án Nhà hàng Zomato

27. Dự án Ngôi nhà tiện nghi

28. Dự án đồng hồ analog

Dự án đồng hồ analog

29. Dự án Máy tính Khoản vay Thế chấp

Dự án Máy tính Khoản vay Thế chấp

30. Trích dẫn dự án trong ngày

Trích dẫn dự án trong ngày

31. Dự án Máy tính BMI

Dự án Máy tính BMI

32. Dự án chuyển đổi trọng lượng

Dự án chuyển đổi trọng lượng

33. Dự án chuyển đổi màu nền

Dự án thay đổi nền lược đồ màu

34. Dự án trò chơi đột phá 2D [Trung cấp]

Dự án trò chơi Breakcout 2D

35. Dự án Máy tính số

Dự án Máy tính số

36. Dự án đồng hồ kỹ thuật số

Dự án đồng hồ kỹ thuật số

37. Dự án đồng hồ đếm ngược sự kiện

Đồng hồ đếm ngược JavaScript

38. Dự án máy tính tiền boa

Máy tính tỷ lệ phần trăm mẹo JavaScript

39. Dự án công cụ đếm từ

Dự án Máy tính độ dài từ

40. Dự án biểu mẫu liên hệ [sử dụng bộ nhớ cục bộ]

biểu mẫu liên hệ javascript dự án lưu trữ cục bộ

41. Dự án ứng dụng ngày trong tuần

dự án ngày trong tuần javascript

42. Dự án thay đổi màu nền

ứng dụng đổi màu javascript

43. Dự án thanh trượt hình ảnh

Thanh trượt hình ảnh JavaScript

44. Dự án trò chơi bổ sung

dự án ứng dụng bổ sung toán học

45. Dự án danh sách việc cần làm

Dự án todolist JavaScript

46. Dự án câu đố tương tác

47. Dự án đồng hồ đếm ngược

Đồng hồ đếm ngược JavaScript

48. Dự án trò chơi Balloon Popping

Dự án bong bóng JavaScript

49. Dự án nguồn cấp tin tức RSS

Dự án trình đọc nguồn cấp dữ liệu JavaScript

Nhận mức lương sáu con số khi làm kỹ sư phần mềm

Nhận quyền truy cập kỹ thuật số ngay lập tức vào Sách điện tử của tất cả 100 Dự án JavaScript

 

Mua nó chỉ với 10 đô la ngay hôm nay và bắt đầu xây dựng một danh mục đầu tư sẽ khiến các nhà tuyển dụng trong tương lai phấn khích

50. Dự án trò chơi đoán số [Trung cấp]

Dự án trò chơi đoán số JavaScript

51. Dự án hiệu ứng chuyển đổi ánh sáng

Dự án công tắc đèn JavaScript

52. Dự án tin nhắn chúc mừng

Dự án tin nhắn chúc mừng JavaScript

53. Dự án chuyển đổi chiều cao

Công cụ chuyển đổi chiều cao JavaScript

54. Dự án trò chơi Whack A Mole [Trung cấp]

Dự án trò chơi Whack a Mole

55. Dự án ứng dụng ghi chú [Trung cấp]

Dự án ứng dụng ghi chú JavaScript

56. Dự án ứng dụng Todo [Trung cấp]

Dự án JavaScript Todo của Mead

57. Dự án ứng dụng Hangman [Trung cấp]

Người treo cổ JavaScript Ứng dụng AJAX

58. Dự án ứng dụng công thức [Trung cấp]

Dự án ứng dụng công thức

59. Dự án máy tính tiền boa

Dự án máy tính mẹo JavaScript

60. Tin nhắn chào mừng dự án

Dự án thông báo chào mừng JavaScript

61. Dự án tin nhắn thay đổi động

Dự án tin nhắn động JavaScript

62. Dự án ứng dụng tung xu [Trung cấp]

Trò chơi tung đồng xu JavaScript

63. Dự án JavaScript kéo giấy oẳn tù tì

Trò chơi kéo giấy oẳn tù tì JavaScript

64. Dự án JavaScript trò chơi súc sắc cuối cùng

65. Phát tệp âm thanh và âm thanh Dự án JavaScript

66. Dự án kiểm tra kiểu gõ động JavaScript

67. Thực hành chức năng Chức năng Dự án JavaScript

68. Dự án JavaScript Magic Eight Ball

69. Dự án JavaScript trò chơi đoán kết hợp

70. Dự án JavaScript Word Scramble

71. Đồng hồ đếm ngược Dự án JavaScript

72. Dự án JavaScript trò chơi so khớp mẫu

73. Nhấp vào Dự án JavaScript trò chơi Popper

74. Dự án trò chơi bài cao thấp

75. Dự án trò chơi Click Shape

Trò chơi JavaScript nhấp vào vòng tròn

76. Dự án trò chơi tìm từ

77. Dự án trò chơi ô tô JavaScript

78. Dự án bộ đếm ký tự trường nhập

79. Dự án đoạn mã nội dung cuộn phần tử

80. Thú vị với Dự án mô hình đối tượng tài liệu

81. Dự án bộ đếm lượt nhấp chuột chỉ bằng JavaScript

82. Dự án cửa sổ bật lên hình ảnh

83. Dự án trò chơi Hangman đoán từ JavaScript

84. Dự án ví dụ về cửa sổ bật lên phương thức JavaScript

85. Dự án Ứng dụng Trình chiếu Hoạt ảnh JavaScript Carousel Hình ảnh

86. Dự án xếp hạng sao

87. Dự án JavaScript trò chơi máy bay ném bom

88. Dự án thành phần JavaScript Accordion

89. Dự án trò chơi Chaser Box

90. Mẹo công cụ Dự án

91. Dự án Ứng dụng Email Exacter

92. Dự án JavaScript thông báo bật lên

93. Clipboard – Sao chép và Di chuyển Dự án

94. Dự án máy tính JavaScript thuần túy

95. Dự án danh sách mua sắm có thể chỉnh sửa

96. Dự án tạo đường dẫn hình ảnh giữ chỗ

97. Dự án trò chơi Catch Element

98. Dự án sự kiện chuột và nhấp chuột

99. Tạo dự án xác thực biểu mẫu

100. Dự án thử nghiệm cài đặt cookie

101. Dự án ứng dụng tương tác DOM

102. Dữ liệu Google Trang tính sang Dự án Trình xuất CSV

103. Dự án trò chơi chim bay

104. Dự án trò chơi đoán số

105. Dự án trò chơi Element Catcher

106. Dự án trò chơi Alien Invader

107. Dự án trò chơi chiến tranh thẻ bài

108. Dự án kết nối API YouTube

109. Brick Breaker Paddle Ball trò chơi

110. Dự án bộ trống

Dự án Bộ thuốc

111. Đồng hồ CSS + JavaScript

Dự án đồng hồ CSS tương tự

112. Chơi với các biến CSS và JS

113. Mảng Cardio Ngày 1

114. Thư viện ảnh tấm Flex

115. Loại Ajax phía trước

116. Mảng Cardio Ngày 2

117. Thú vị với HTML5 Canvas

118. 14 thủ thuật công cụ dành cho nhà phát triển phải biết

119. Giữ phím Shift để kiểm tra nhiều hộp kiểm

120. Dự án trình phát video HTML5 tùy chỉnh

121. Phát hiện chuỗi phím [MÃ KONAMI]

122. Trượt trong Dự án cuộn

123. Đối tượng và Mảng – Tham chiếu Vs Sao chép

124. LocalStorage và Ủy quyền sự kiện

125. Hiệu ứng di chuyển chuột bóng văn bản CSS

126. Sắp xếp Tên nhóm không có mạo từ

127. Thời gian chuỗi kiểm đếm với Giảm

128. Trò chơi webcam không có thực

129. Dự án nhận dạng giọng nói bản địa

130. Dự án đồng hồ tốc độ và la bàn dựa trên định vị

131. Thực hiện theo các liên kết

132. Dự án tổng hợp giọng nói

133. Dự án Sticky Nav

134. Nắm bắt sự kiện, Tuyên truyền, Bong bóng và Dự án một lần

135. Stripe Follow Along Dự án điều hướng thả xuống

136. Nhấp và kéo để cuộn

137. Dự án giao diện người dùng bộ điều khiển tốc độ video thử nghiệm

138. Dự án đồng hồ đếm ngược

139. Dự án trò chơi Whack-a-Mole

Thử thách của bạn, bạn có nên chấp nhận nó không

Nói một cách đơn giản, tôi thách bạn theo dõi tôi trong nhiệm vụ hoàn thành ít nhất 100 dự án JavaScript giao diện người dùng dành cho người mới bắt đầu, các dự án chủ yếu sử dụng JavaScript cũ đơn giản

Chứng minh với bản thân rằng bạn đã sẵn sàng để chuyển sang học Framework

Chứng minh với bản thân rằng bạn đã sẵn sàng chuyển sang kịch bản phía máy chủ

Nếu bạn nghĩ rằng bạn không có gì để chứng minh, chỉ cần tiếp tục và chọn một vài trong số các dự án này để xem liệu bạn có thể hoàn thành chúng mà không cần trợ giúp hay không

6 lý do để hoàn thành hơn 100 dự án JavaScript này

1. Bạn sẽ thu được nhiều kinh nghiệm

Vì vậy… bạn đang nói với tôi rằng tôi phải có kinh nghiệm trước khi tôi có được kinh nghiệm?

Nhiều nhà phát triển đồng nghiệp hỏi, "Tôi có đủ tốt không?"

“Tôi đã làm đủ dự án chưa?”

“Tôi có thực sự biết JavaScript không?”

Chà, sau khi tự mình thực hiện từng dự án trong số hơn 100 dự án JavaScript dành cho người mới bắt đầu, bạn không cần phải lo lắng về bất kỳ câu hỏi nào trong số này. Chắc chắn bạn sẽ giỏi hơn nhiều bạn cùng trang lứa khi viết mã JavaScript

2. Bạn sẽ đạt được cảm giác mạnh mẽ về thành tích

Sau khi bạn đã hoàn thành ít nhất 100 dự án trong danh sách các dự án JavaScript dành cho người mới bắt đầu này, bạn có thể khẳng định chắc chắn rằng bạn đã xây dựng ít nhất 100 ứng dụng hoạt động được từ nhỏ đến trung bình.

Các nhà tuyển dụng kỹ thuật sẽ thích nghe điều này khi họ đang tìm kiếm các vị trí Nhà phát triển JavaScript cấp cơ sở đến cấp trung

3. Bạn sẽ thấy nhiều triển khai JavaScript khác nhau

Hoàn thành ít nhất 100 dự án cho phép bạn giảm tốc độ, điều này còn cho phép bạn xem các kỹ thuật JavaScript khác nhau

4. Bạn sẽ xây dựng danh mục ứng dụng JavaScript cho nhà tuyển dụng và nhà tuyển dụng trong tương lai

Nếu bạn muốn trở thành một Nhà phát triển JavaScript chuyên nghiệp, bạn phải làm nhiều việc hơn là chỉ nói rằng bạn là một nhà phát triển JavaScript

Bạn phải chứng minh bạn là Nhà phát triển JavaScript

Có một danh mục các dự án JavaScript mà bạn tập hợp lại có trọng lượng hơn nhiều so với lời nói của bạn

5. Bạn sẽ trở thành Chuyên gia phát triển JavaScript Front-End

Sau khi hoàn thành ít nhất 100 dự án JavaScript khác nhau dành cho người mới bắt đầu này, chắc chắn bạn sẽ trở thành một nhà phát triển giỏi hơn. Bạn sẽ thấy rằng việc triển khai trước đây khiến bạn mất hàng giờ để ghi nhớ thì giờ đây bạn chỉ mất vài phút

Khi bạn viết 10 dòng code mà không cần tìm kiếm trên Google. Nó không nhiều, nhưng đó là công việc trung thực

Bạn sẽ sử dụng nhiều mẫu JavaScript khác nhau và bắt đầu thấy cách triển khai khác nhau có thể tăng tốc mã hóa của bạn như thế nào. Hãy giảm thiểu Stack Overflow của bạn khi tìm kiếm ba dòng mã một lần và giúp bạn làm việc hiệu quả hơn

6. Mọi người sẽ nghĩ bạn thật tuyệt

Hãy đối mặt với nó, không phải ai cũng sẽ vượt qua thử thách này. Do đó, bạn sẽ là một ngoại lệ hiếm hoi, có thể phân biệt mình với số đông. Nếu bạn có thể viết mã các dự án JavaScript này cho người mới bắt đầu và có thể thể hiện chúng, các lập trình viên đồng nghiệp sẽ cực kỳ ấn tượng với sự cống hiến của bạn cho nghề của mình

Cách hoàn thành Thử thách dự án JavaScript dành cho người mới bắt đầu

Hoàn thành Thử thách 100 Dự án JavaScript dành cho người mới bắt đầu thật đơn giản [Nhưng không dễ]

  1. Theo liên kết đến một trong những dự án trên
  2. Đọc mô tả và theo liên kết trên trang của dự án để xem nó hoạt động như thế nào [Nếu liên kết chưa có nghĩa là tôi chưa hoàn thành dự án. Nhưng không phải lo lắng. Bạn chỉ cần tham gia khóa học nơi tôi tìm thấy dự án]
  3. Đối với các dự án tôi đã hoàn thành, hãy tải xuống hoặc sao chép kho lưu trữ của tôi từ GitHub
  4. Xóa nội dung của ứng dụng. js [hoặc bất kỳ tệp js có liên quan nào khác] rồi thử viết mã chức năng JavaScript cho chính bạn
  5. Sau khi bạn hoàn thành ứng dụng, hãy chia sẻ nó trong phần nhận xét trên trang dự án JavaScript trên blog này để mọi người có thể công nhận thành tích của bạn. Đó là nó

Bạn sẽ mất bao lâu để hoàn thành hơn 100 dự án JavaScript này?

Thời gian cần thiết để hoàn thành tất cả các dự án sẽ thay đổi tùy theo kỹ năng JavaScript và lịch biểu của bạn

Nếu bạn là người mới bắt đầu thực sự, tôi khuyên bạn nên bắt đầu với khóa học JavaScript hiện đại trước khi bắt đầu tại đây

Một mình khóa học của Andrew là hơn 29 giờ. Điều đó có nghĩa là bạn có thể sẽ mất tổng cộng 60 giờ để hoàn thành khóa học của anh ấy. Nhưng sau khi bạn hoàn thành khóa học của anh ấy, bạn có thể quay lại đây

Sau đó, bạn sẽ cần khoảng một giờ đến vài giờ cho mỗi dự án JavaScript ở trên

Một số dự án là các dự án JavaScript đơn giản dành cho người mới bắt đầu và sẽ mất khoảng 10 phút và những dự án khác có thể mất đến cả cuối tuần

Nhưng đừng sợ, ngay cả khi bạn phải mất sáu tháng để hoàn thành tất cả các dự án này, đây chỉ là một khoảng thời gian nhỏ trong cuộc đời bạn so với thời gian bạn sẽ dành cho phần còn lại của cuộc đời mình với tư cách là một JavaScript toàn thời gian

Điều gì sẽ xảy ra nếu bạn gặp khó khăn với bất kỳ Dự án JavaScript nào trong số này?

Mã của tôi không hoạt động. Không thay đổi gì và chạy lại

Điều đầu tiên bạn nên làm là truy cập mã nguồn của tôi trên github và xem tôi đã hoàn thành dự án như thế nào

Nếu bạn vẫn cần xem một số loại giải pháp video, hãy nhấp vào liên kết đến khóa học, đăng ký [điều này sẽ cho phép bạn truy cập vào tất cả các dự án của người hướng dẫn], sau đó xem giải pháp video của người hướng dẫn

May mắn thay, tôi đã tìm thấy hầu hết các khóa học trên Udemy, một nền tảng khóa học trực tuyến chi phí thấp hoặc trên các nền tảng miễn phí khác

Udemy được biết là có nhiều khóa học của họ được giảm giá rất nhiều, đặc biệt là trong các kỳ nghỉ cuối tuần của Hoa Kỳ

Bạn nên bắt đầu với những dự án JavaScript nào?

Nếu bạn đã biết một chút về JavaScript nhưng muốn tìm hiểu thêm và bạn muốn hiểu rõ hơn về cách kết hợp tất cả các phần của nó lại với nhau, tôi thực sự khuyến khích bạn bắt đầu với Andrew Mead, The Modern JavaScript Bootcamp

Khóa học JavaScript hiện đại của Andrew Mead

Trong đó, bạn sẽ không chỉ bao gồm hầu hết mọi thứ bạn cần biết về JavaScript [bao gồm các tính năng ES6 mới], mà bạn còn có thể xây dựng 3 ứng dụng JavaScript tuyệt vời trong quá trình này. Khóa học của anh ấy hoàn toàn dựa trên dự án. Và với tư cách là người đứng đầu, anh ấy thách thức bạn xây dựng ứng dụng công thức của riêng bạn giống như Dự án ứng dụng công thức JavaScript này

Lý do tại sao tôi thực sự khuyên bạn nên tham gia khóa học của Andrew vì anh ấy là người hướng dẫn JavaScript duy nhất mà tôi từng gặp luôn chỉ ra nơi tìm một tính năng cụ thể của JavaScript bằng cách sử dụng tài liệu JavaScript của MDN

Bản thân điều này rất hữu ích, đặc biệt khi bạn cần liên tục nhắc nhở bản thân về các tính năng và phương pháp khác nhau của ngôn ngữ hoạt động như thế nào. Ngoài ra, anh ấy còn cung cấp một hướng dẫn tham khảo tuyệt vời giải thích mọi thứ anh ấy dạy trong khóa học của mình

Dự án JavaScript 1 – 18

Mặt khác, nếu bạn nghĩ rằng mình đã sẵn sàng để bắt đầu Thử thách hơn 100 Dự án JavaScript dành cho người mới bắt đầu, thì sau đây là danh sách các dự án JavaScript dành cho người mới bắt đầu mà tôi khuyên bạn nên hoàn thành

Khóa học Dự án JavaScript của John Smigla

Các Dự án JavaScript dành cho người mới bắt đầu đầu tiên ở trên đến từ Khóa học Dự án và Hướng dẫn Javascript của John Smigla. Phần lớn, tôi đã xem phần giới thiệu của anh ấy và sau đó tự mình xây dựng các dự án JavaScript. Nếu tôi không nghĩ mình có thể làm được, trước tiên tôi sẽ xem video của anh ấy và sau đó xây dựng dự án mà không làm theo. Tôi thực sự khuyên bạn nên làm như vậy cho tất cả các dự án

18 dự án JavaScript đầu tiên ở trên chỉ tập trung vào viết mã chức năng JavaScript cho các dự án front-end. Nói cách khác, nội dung HTML và CSS được cung cấp cho bạn trong tệp khởi động nhưng bạn phải tạo tệp app.js. Hãy xem xét các dự án 'khởi động' này

Xử lý các dự án nhỏ này tương tự như những gì bạn sẽ làm nếu bạn ở trong nhóm phát triển giao diện người dùng với một nhà thiết kế web và một Nhà phát triển JavaScript. Trong trường hợp này, bạn sẽ là Nhà phát triển JavaScript. Nhà thiết kế web sẽ cung cấp cho bạn nội dung HTML và CSS nhưng bạn phải viết mã chức năng JavaScript để ứng dụng hoạt động

Các dự án này bao gồm rất nhiều JavaScript cốt lõi. Bạn sẽ làm việc với mảng, hàm tạo, trình xử lý sự kiện, phương thức đối tượng, biểu thức hàm được gọi ngay lập tức, điều kiện, v.v.

Dự án 15, 16 và 17 tập trung nhiều vào các dự án Đối tượng JavaScript. Bạn sẽ xây dựng biểu mẫu khóa học, hệ thống flashcard và ứng dụng ngân sách. Sau đó, trong dự án 18, bạn sẽ xây dựng toàn bộ chức năng HTML, CSS và JavaScript của một trang web quán cà phê

Tiếp theo, trong dự án 19, bạn sẽ xây dựng toàn bộ chức năng của trang web đại lý ô tô bằng cách sử dụng các tính năng của ngôn ngữ JavaScript đã được giới thiệu trong ES6

Dự án 20, 21 và 22 cho phép bạn làm mới các kỹ năng AJAX của mình với các dự án XML JavaScript không đồng bộ

Sau đó, các dự án tiếp theo, 23 -27 là các trang web front-end hoạt động đầy đủ hơn

Hãy xem xét những 'Dự án JavaScript đỉnh cao' của bạn. ’ Khi bạn hoàn thành chúng, bạn có thể chuyển sang các dự án tiếp theo

Dự án JavaScript 28 -54

Khi bạn hoàn thành 27 dự án đầu tiên, bạn có thể chuyển sang 27 dự án JavaScript dành cho người mới bắt đầu khác nhau mà tôi đã tìm thấy trong khóa học Dự án JavaScript dành cho người mới bắt đầu của Bluelime

Hầu hết đây sẽ là các dự án JavaScript khá đơn giản nếu bạn đã hoàn thành 27 dự án JavaScript đầu tiên. Vì vậy, chỉ cần xem dự án hoạt động như thế nào, tải xuống các tệp HTML và CSS nguồn, sau đó mã hóa chức năng JavaScript

Dự án JavaScript 55 -58

Sau khi hoàn thành các dự án JavaScript dành cho người mới bắt đầu của John và Bluelime, bạn sẽ được trang bị tốt để hoàn thành bốn dự án của Andrew Mead từ Khóa đào tạo JavaScript hiện đại của anh ấy, nếu bạn chưa hoàn thành chúng

Bạn sẽ có thể lướt qua từng cái trong vài giờ vì chúng sử dụng các tính năng mà bạn đã thấy nhiều lần trong 54 dự án JavaScript dành cho người mới bắt đầu trước đó

Dự án JavaScript 59 – 109

Khóa học Monster JavaScript Project của Laurence Sveki

Hơn 50 dự án JavaScript tiếp theo đến từ Khóa học JavaScript quái vật của Laurence Svekis

Svekis đã tập hợp nhiều dự án JavaScript nhỏ nhưng siêu thú vị từ các khóa học khác của anh ấy thành một khóa học 'quái vật' lớn

Với những dự án này, bạn không chỉ được xem nhiều dự án thú vị hơn mà nếu đăng ký khóa học của anh ấy, bạn còn được xem cách một người hướng dẫn JavaScript khác tạo ra các ứng dụng và dự án JavaScript. Những dự án này siêu thú vị

Xây dựng. Xây dựng. Xây dựng

Dự án JavaScript 110 – 139

Khóa học về 30 dự án JavaScript của Wes Bos

Và nếu các dự án dành cho người mới bắt đầu trước đây vẫn chưa đủ, các dự án 110-139 ở trên đến từ khóa học JavaScript30 của Wes Bos

JavaScript30 là sự kết hợp giữa các hướng dẫn và dự án JavaScript, vì vậy mặc dù có tên như vậy nhưng không phải tất cả 30 video trong chuỗi của anh ấy đều là dự án. Tuy nhiên, anh ấy dạy một số thứ hay ho mà bạn có thể chưa học

Hơn 100 Dự án JavaScript khác nhau trong #100Ngày viết mã

Ở đó bạn có nó. Hơn 100 dự án JavaScript khác nhau dành cho người mới bắt đầu và thậm chí một vài dự án dành cho nhà phát triển JavaScript trung cấp

Chủ Đề