Hướng dẫn javascript lesson plan - giáo án javascript
|
bởi Casey Pitman Show
Nội dung chính ShowShow
Vì vậy, bạn đã làm cho nó đến nay. Bạn đã học được một số HTML và CSS. Bạn có thể đã thực hiện một vài trang web cơ bản và bạn đang tự hỏi điều gì tiếp theo. Nó thời gian để học JavaScript! Hôm nay chúng tôi sẽ xem xét JavaScript là gì và những gì nó có thể làm. Chúng tôi sẽ thảo luận về những gì bạn cần biết để bắt đầu và nơi bạn có thể học các kỹ năng bạn cần để bắt đầu mã hóa như một chuyên gia. Vậy JavaScript là gì và tại sao tôi nên học nó?Nghe nó từ một chuyên nghiệp  Tôi cần gì để bắt đầu học JavaScript? Có rất nhiều thông tin! Tôi thực sự cần học gì? Tài nguyên học tập JavaScript Nghe nó từ một chuyên nghiệpTôi cần gì để bắt đầu học JavaScript? Tôi cần gì để bắt đầu học JavaScript?Có rất nhiều thông tin! Tôi thực sự cần học gì? Tài nguyên học tập JavaScript Freecodecamp (miễn phí)) Có rất nhiều thông tin! Tôi thực sự cần học gì?Tài nguyên học tập JavaScript Một sự hiểu biết rõ ràng về Vanilla JavaScript sẽ tạo thành nền tảng mà bạn sẽ xây dựng các kỹ năng của mình như một nhà phát triển. Tôi không thể nhấn mạnh điều này đủ: bạn cần phải làm chủ Javascript Vanilla trước khi chuyển sang tất cả những chiếc chuông và còi lạ mắt. & NBSP; Ở đây, nơi bạn cần bắt đầu:
Tài nguyên học tập JavaScriptĐó là rất nhiều. Tôi hiểu rồi. May mắn thay, có rất nhiều tài nguyên có sẵn cho bộ lập trình viên JavaScript vừa chớm nở, và rất nhiều trong số đó là miễn phí. Không có tài nguyên nào sẽ là tài nguyên học tập JavaScript một cửa của bạn. Hãy thử tất cả. Tìm những cái kết nối với phong cách học tập cụ thể của bạn. Freecodecamp (miễn phí))Freecodecamp hoàn toàn là nơi để bắt đầu. Tỷ lệ cược là bạn đã làm việc theo cách của bạn thông qua chương trình giảng dạy thiết kế web đáp ứng của họ cho HTML và CSS. Chuyển sang thuật toán JavaScript và chương trình giảng dạy cấu trúc dữ liệu của họ là bước tiếp theo tự nhiên. & NBSP; Freecodecamp giúp bạn giảm bớt chương trình giảng dạy với một giả định rằng bạn là người mới bắt đầu hoàn toàn. Khi bạn làm việc thông qua các mô-đun nhỏ, có kích thước cắn của bạn, cơ sở kiến thức của bạn mở rộng theo cấp số nhân. Và nó rất vui! Khi bạn hoàn thành từng mô -đun, bạn sẽ muốn đi thẳng đến phần tiếp theo chỉ để xem những gì tiếp theo. & NBSP; Freecodecamp củng cố các khái niệm bạn học được bằng cách kết thúc với năm dự án lớn về khó khăn khác nhau. Chúng không có nghĩa là đơn giản, nhưng một vài điều phù hợp với cảm giác chiến thắng mà bạn trải nghiệm khi bạn chinh phục những người khó khăn nhất trong số họ (Tôi đã nhìn vào bạn, máy tính tiền mặt). Mặc dù FreeCodecamp bao gồm gần như mọi khái niệm mà bạn sẽ cần như một lập trình viên JavaScript, nhưng nó thiếu một số độ sâu mà bạn cần. Nó cho bạn thấy rất nhiều khái niệm nhưng không phải lúc nào cũng bao gồm lý do tại sao mọi thứ hoạt động theo cách họ làm. May mắn thay, có những nguồn lực khác để bổ sung cho các kỹ năng bạn nhận từ Freecodecamp. Google / Stack Overflow (miễn phí)(free)Ở đây, một chút bí mật về mã hóa: mọi người googles. Từ người mới đến nhà phát triển cao cấp có nhiều năm kinh nghiệm - & NBSP; Nếu bạn không phải là đoạn mã mã googling hoặc một chút cú pháp kỳ lạ, bạn sẽ làm đúng. Lập trình không phải là về việc ghi nhớ mọi thứ - đó là về việc học cách suy nghĩ logic và giải quyết vấn đề. Đôi khi điều này có nghĩa là biết khi nào nên tìm kiếm sự giúp đỡ. Tôi hứa rằng & nbsp; Bất kỳ vấn đề nào bạn gặp phải, ai đó đã gặp phải nó trước đây và họ đã đăng về nó trên Stack Overflow. Các thành viên của & nbsp; Cộng đồng nhà phát triển là một nhóm hữu ích. Và Stack Overflow là nơi chúng tôi đi chơi. Hãy nghĩ về Stack Overflow là Reddit cho các lập trình viên. Người dùng có thể duyệt hoặc đăng câu hỏi cho các mục đích sử dụng khác để trả lời. Các câu trả lời tốt nhất được nâng cấp, điều này rất hữu ích khi bạn được trình bày với hàng tá câu trả lời cho câu hỏi của bạn và bạn không biết câu hỏi nào. Các tài khoản Overflow Stack là miễn phí (mặc dù có phiên bản trả phí cho các doanh nghiệp). Họ cũng tự hào về một phần liệt kê công việc của nhà phát triển, vì vậy hãy ghi nhớ điều đó sau này. Mạng lưới nhà phát triển Mozilla (MDN) (miễn phí)Bạn sẽ dành nhiều thời gian tại Mạng lưới phát triển Mozilla nếu bạn đã không. MDN cung cấp một trang web toàn diện và được tổ chức tốt, về cơ bản hoạt động như một bách khoa toàn thư về công nghệ web. & NBSP; Các mục MDN bao gồm các định nghĩa chuyên sâu, cú pháp, thông tin hỗ trợ trình duyệt và NBSP; và sử dụng các trường hợp cho bất kỳ khái niệm công nghệ web. Họ cung cấp các ví dụ và đoạn mã nhiều ví dụ thể hiện việc sử dụng cho các khái niệm, cũng như các bản demo có thể chỉnh sửa cho phép bạn thử nghiệm bất kỳ khái niệm nào bạn đang nghiên cứu. Nói về Mozilla: Bạn có nhớ người bạn cũ của chúng tôi Jeremie, từ Mozilla - người có giọng Pháp hài hước không? Anh ấy ở đây với video JavaScript của mình: W3Schools (miễn phí) (free)Hãy nghĩ về các trường học W3SS như MDN-Lite. Giống như MDN, các chức năng của W3Schools như bách khoa toàn thư về các khái niệm công nghệ web và thậm chí bao gồm các thành phần cơ bản tương tự: định nghĩa, cú pháp, ví dụ và bản trình diễn trực tiếp. W3Schools nhẹ hơn một chút về các chi tiết kỹ thuật, điều này làm cho nó trở thành một nơi tuyệt vời để tìm kiếm nếu bạn cần một câu trả lời nhanh. & NBSP; Tôi thường thấy mình sử dụng các trường W3 khi tôi cần một lời nhắc nhanh về cú pháp của một khái niệm mà tôi đã sử dụng. Udemy (đã trả tiền) (paid)Nền tảng học tập trực tuyến Udemy có thể vừa là một phước lành vừa là một lời nguyền. Udemy được biết đến với việc có các khóa học về bất cứ điều gì. Bạn có muốn một khóa học về làm vườn aquaponic? Họ đã nhận được điều đó. Tung hứng? Họ cũng đã nhận được điều đó. Nó chỉ tự nhiên rằng Udemy sẽ có các khóa học về phát triển web. Và đó là nơi mà lời nguyền xuất hiện. Hóa ra bất cứ ai cũng có thể tạo ra một khóa học Udemy. Và có vẻ như mọi người đều có một khóa học JavaScript trên Udemy. Một tìm kiếm nhanh cho JavaScript cho thấy hơn 9.000 kết quả trên UDEMY. Chất lượng khóa học có thể được đánh hoặc bỏ lỡ. Đó là lý do tại sao chú ý đến các đánh giá và khuyến nghị là điều bắt buộc. & NBSP; Tôi là một fan hâm mộ của Jonas Schmedtmann, khóa học JavaScript hoàn chỉnh. Jonas cho rằng tất cả các sinh viên của mình đang bắt đầu từ không có kinh nghiệm. Anh ta bao gồm tất cả những người phải biết mà người ta cần để trở thành một lập trình viên JavaScript thành thạo. Khóa học của Jonas, khác với các tài nguyên khác vì anh dành thời gian để giải thích các hoạt động bên trong của JavaScript. Ông giải thích không chỉ một cái gì đó hoạt động, mà là làm thế nào và tại sao nó hoạt động. & NBSP; Nếu lý thuyết và một cái nhìn dưới mui xe là điều của bạn, thì đây là khóa học dành cho bạn. & NBSP; Tôi cũng đã nghe những điều tốt đẹp về JavaScript hiện đại ngay từ đầu, bởi Brad Traversy. Tôi đã tự mình thử khóa học này, & nbsp; Nhưng nó đã được giới thiệu cho tôi bởi nhiều người. Bạn đã tham gia khóa học này chưa? Để lại suy nghĩ của bạn trong các ý kiến dưới đây. & NBSP; Lưu ý về giá: Mặc dù Udemy cung cấp khóa học mẫu miễn phí thường xuyên, nhưng nó chủ yếu là một dịch vụ trả phí. Hầu hết các lớp chạy khoảng 100 đô la, nhưng Udemy thường xuyên giảm giá rất lớn. Nếu bạn có sự kiên nhẫn và để mắt đến việc bán hàng, bạn có thể nhận được các khóa học với một phần chi phí bình thường của họ. Doanh số dường như bật lên vài tuần một lần. & NBSP; Tôi không bao giờ trả nhiều hơn 10 đô la cho một khóa học. & NBSP;Though Udemy offers the occasional free sample course, it is primarily a paid service. Most classes run around $100, BUT Udemy frequently offers huge discounts. If you have patience and keep an eye out for sales, you can get courses for a fraction of their normal cost. Sales seem to pop up every few weeks. I’ve never paid more than $10 for a course. JavaScript hùng hồn của Marijn HaverbekeTôi không phải là một fan hâm mộ lớn của sách giáo khoa như tài nguyên mã hóa. Có vẻ như loại phản đối không phải là nó? JavaScript hùng biện là một cái nhìn chi tiết về các khái niệm JavaScript hiện đại. Nó có xu hướng nặng về lý thuyết và có thể không phải là tài nguyên phù hợp cho người mới hoàn chỉnh. & NBSP; Tuy nhiên, nó có thể là một nguồn tài nguyên hữu ích cho bộ lập trình viên JavaScript dày dạn đang tìm kiếm các chủ đề nâng cao đầy đủ hơn. Đây là tài nguyên cuối cùng đã giúp tôi hiểu được đệ quy. & NBSP; Eloquent JavaScript có sẵn trong các phiên bản bìa mềm và Kindle, nhưng tác giả cũng cung cấp một phiên bản web của văn bản hoàn chỉnh miễn phí tại đây. Nơi nào tiếp theo?Minh mẫnBây giờ, bạn đã có một số công cụ JavaScript trong hộp công cụ của bạn, thời gian để đưa chúng vào sử dụng. Như với bất kỳ kỹ năng nào, nếu bạn không sử dụng nó, bạn sẽ mất nó. Giữ những kỹ năng đó sắc nét bằng cách giải quyết các vấn đề trên các trang web như codewars, topcoder hoặc leetcode. Hãy nhớ rằng: Mã hóa là về việc ghi nhớ cú pháp và từ khóa. Nó nói về suy nghĩ logic và giải quyết các vấn đề. Các trang web như thế này đẩy các kỹ năng giải quyết vấn đề của bạn đến giới hạn của họ với các vấn đề ngày càng khó khăn. Họ cũng khá gây nghiện. Tôi đã được biết là dành nhiều ngày khó hiểu về một vấn đề đặc biệt khó khăn. Nó có giá trị nó mặc dù. Tôi đã nổi lên một lập trình viên mạnh mẽ hơn nhiều vì nó. Bạn cũng vậy. Xây dựng công cụ!Cách tốt nhất để học là làm. Bắt đầu nghĩ về một cái gì đó mà bạn muốn xây dựng và xây dựng nó. & NBSP; Dự án của bạn không phải là Twitter tiếp theo. Nó tất cả về quá trình xây dựng. Bạn sẽ học được nhiều hơn để xây dựng các dự án của riêng mình hơn bạn sẽ chọn từ các hướng dẫn. Một trong những dự án đầu tiên của tôi là lựa chọn Bot, một ứng dụng ra quyết định. Mặc dù sự đơn giản của nó, nó buộc tôi phải tập trung vào cấu trúc, tổ chức và tích hợp một số khái niệm khác nhau. Nó đã giúp củng cố việc học của tôi và làm điều kỳ diệu cho sự tự tin của tôi với tư cách là một lập trình viên JavaScript. Khung & Thư việnKhi bạn đã có một xử lý tốt trên vani JavaScript, bạn đã sẵn sàng khám phá các khung và thư viện. Các khung và thư viện về cơ bản là các bit mã được đóng gói sẵn mà các nhà phát triển có thể sử dụng để hợp lý hóa mã của chúng. Họ làm cho mã hóa nhanh hơn và hiệu quả hơn bằng cách lấy đi rất nhiều công việc nặng nề. & NBSP; Có rất nhiều khung và thư viện ngoài kia. Bạn có thể nghe nói về một số trong những cái phổ biến hơn - jQuery, React, Vue và Angular ở khắp mọi nơi. Mỗi thư viện hoặc khung có cú pháp cụ thể riêng mà bạn sẽ cần học. Cuối cùng, bạn sẽ muốn chọn một số kiến thức về một vài trong số này để tăng cơ hội hạ cánh công việc mơ ước đó. JavaScript phía máy chủJavaScript đã trở nên phổ biến vì tiện ích của nó như một ngôn ngữ phía máy khách chạy trong trình duyệt của người dùng. Điều đó đã thay đổi trong những năm gần đây vì sự gia tăng của Node.js - một môi trường thời gian chạy JavaScript có thể chạy JavaScript bên ngoài trình duyệt. Điều này làm cho nó có thể chạy JavaScript ở phía máy chủ. Ngay cả khi là một nhà phát triển đầu tiên, bạn sẽ muốn có ít nhất sự quen thuộc với các hoạt động back-end. Node.js là một nơi tốt để bắt đầu. Bất kể bạn sử dụng tài nguyên nào, chìa khóa để thực sự làm chủ JavaScript là sự kiên nhẫn và thực hành. Bạn sẽ phạm sai lầm. Bạn sẽ trải nghiệm sự thất vọng. Donith xem đây là những tiêu cực. Mỗi thử thách là một cơ hội để học hỏi và làm chủ một cái gì đó mới. Don lồng từ bỏ. & Nbsp; Cần một số lời khuyên hoặc cảm hứng? Kiểm tra những sau đây để biết một số mẹo JavaScript tuyệt vời hoặc một chút khuyến khích mà bạn có thể cần.
Tiếp theo, chúng tôi sẽ xem xét một số khung & thư viện hữu ích nhất cho cả JavaScript và CSS.Trong khi đó, nếu bạn cần một bản tóm tắt nhanh, bạn có thể quay lại:
Hoặc, nếu bạn cần phải xem bức tranh lớn, hãy đi đến lộ trình đến Web Dev. Thông tin về các Tác giảCasey Pitman là một nhà phát triển web tự học sống ở Texas, Mỹ.Anh ấy đang chuyển từ lớp học trường công sang sự nghiệp trong sự phát triển phía trước với trọng tâm là JavaScript.Anh ấy là một người học suốt đời, người có một sự hồi hộp khi giải quyết các vấn đề khó khăn và phức tạp. Bạn có thể tìm thấy Casey trên: Twitter / GitHub / LinkedIn / Danh mục đầu tư Twitter / GitHub / LinkedIn /Portfolio |
