8 dự án giáo dục

“Một bậc thầy mắc nhiều sai lầm hơn một người mới bắt đầu cố gắng”

Chúng tôi cung cấp 8 tùy chọn dự án có thể được thực hiện “cho vui” để có được kinh nghiệm phát triển thực sự.

Dự án 1. Bản sao Trello

Bản sao Trello từ Indrek Lasn.

Bạn sẽ học được gì:

• Tổ chức các tuyến xử lý yêu cầu (Routing).
• Kéo và thả
• Cách tạo đối tượng mới (bảng, danh sách, thẻ).
• Xử lý và kiểm tra dữ liệu đầu vào.
• Từ phía khách hàng: cách sử dụng bộ nhớ cục bộ, cách lưu dữ liệu vào bộ nhớ cục bộ, cách đọc dữ liệu từ bộ nhớ cục bộ.
• Từ phía máy chủ: cách sử dụng cơ sở dữ liệu, cách lưu dữ liệu vào cơ sở dữ liệu, cách đọc dữ liệu từ cơ sở dữ liệu.

Đây là một ví dụ về một kho lưu trữ, được tạo bằng React+Redux.

Dự án 2. Bảng quản trị

Kho lưu trữ Github.

Một ứng dụng CRUD đơn giản, lý tưởng để học những điều cơ bản. Hãy tìm hiểu:

• Tạo người dùng, quản lý người dùng.
• Tương tác với cơ sở dữ liệu - tạo, đọc, chỉnh sửa, xóa người dùng.
• Xác thực đầu vào và làm việc với các biểu mẫu.

Dự án 3. Trình theo dõi tiền điện tử (ứng dụng di động gốc)

Kho lưu trữ Github.

Bất cứ thứ gì: Swift, Objective-C, React Native, Java, Kotlin.

Hãy nghiên cứu:

• Ứng dụng gốc hoạt động như thế nào.
• Cách lấy dữ liệu từ API.
• Cách bố cục trang gốc hoạt động.
• Cách làm việc với trình mô phỏng di động.

Hãy thử API này. Nếu bạn tìm thấy điều gì đó tốt hơn, hãy viết bình luận.

Nếu bạn quan tâm thì đây đây là một hướng dẫn.

Dự án 4. Thiết lập cấu hình webpack của riêng bạn từ đầu

Về mặt kỹ thuật, đây không phải là một ứng dụng, nhưng nó là một nhiệm vụ rất hữu ích để hiểu cách webpack hoạt động từ bên trong. Bây giờ nó sẽ không phải là một “hộp đen” mà là một công cụ dễ hiểu.

Yêu cầu:

• Biên dịch es7 thành es5 (cơ bản).
• Biên dịch jsx thành js - hoặc - .vue thành .js (bạn sẽ phải học các trình tải)
• Thiết lập máy chủ webpack dev và tải lại mô-đun nóng. (vue-cli và create-Reac-app sử dụng cả hai)
• Sử dụng Heroku, now.sh hoặc Github, tìm hiểu cách triển khai các dự án webpack.
• Thiết lập bộ tiền xử lý yêu thích của bạn để biên dịch css - scss, less, stylus.
• Tìm hiểu cách sử dụng hình ảnh và svgs với webpack.

Đây là một nguồn tài nguyên tuyệt vời cho người mới bắt đầu hoàn thành.

Dự án 5. Bản sao Hackernews

Mỗi Jedi được yêu cầu tạo Hackernews của riêng mình.

Những gì bạn sẽ học được trên đường đi:

• Cách tương tác với API hackernews.
• Cách tạo một ứng dụng một trang.
• Cách triển khai các tính năng như xem bình luận, bình luận cá nhân, hồ sơ.
• Tổ chức các tuyến xử lý yêu cầu (Routing).

Dự án 6. Tudushechka

TodoMVC.

Nghiêm túc? Tudushka? Bọn họ có hàng ngàn người. Nhưng tin tôi đi, có lý do cho sự nổi tiếng này.
Ứng dụng Tudu là một cách tuyệt vời để đảm bảo bạn hiểu những điều cơ bản. Hãy thử viết một ứng dụng bằng Javascript thuần túy và một ứng dụng trong framework yêu thích của bạn.

Học hỏi:

• Tạo nhiệm vụ mới.
• Kiểm tra xem các trường đã được điền chưa.
• Lọc các nhiệm vụ (đã hoàn thành, đang hoạt động, tất cả). Sử dụng filter и reduce.
• Hiểu những điều cơ bản về Javascript.

Dự án 7. Danh sách kéo và thả có thể sắp xếp

Kho lưu trữ Github.

Rất hữu ích để hiểu kéo và thả api.

Hãy tìm hiểu:

• API kéo và thả
• Tạo giao diện người dùng phong phú

Dự án 8. Bản sao Messenger (ứng dụng gốc)

Bạn sẽ hiểu cách hoạt động của cả ứng dụng web và ứng dụng gốc, điều này sẽ khiến bạn khác biệt với đám đông xám xịt.

Những gì chúng ta sẽ nghiên cứu:

• Ổ cắm web (tin nhắn tức thời)
• Ứng dụng gốc hoạt động như thế nào.
• Cách mẫu hoạt động trong ứng dụng gốc.
• Tổ chức các tuyến xử lý yêu cầu trong các ứng dụng gốc.

Điều này sẽ đủ cho bạn trong một hoặc hai tháng.

Bản dịch được thực hiện với sự hỗ trợ của công ty Phần mềm EDISONai đang tham gia một cách chuyên nghiệp phát triển ứng dụng và website bằng PHP cho các khách hàng lớn cũng như phát triển dịch vụ đám mây và ứng dụng di động bằng Java.

Nguồn: www.habr.com