Web development là một lĩnh vực luôn đổi thay — bí quyết khóa học lập trình viên cho trẻ em chúng ta xây dựng trang web hiện giờ hoàn toàn khác với cách chúng ta dùng vài năm trước đây. Với phần lớn dụng cụ mang sẵn và những phương tiện mới xuất hiện mỗi ngày, số đông các Frontend developer sẽ đều sở hữu những khi cảm thấy băn khoăn về trục đường mình sẽ đi.

Tôi là tác fake của bài viết “Developer Roadmap”, trong ấy liệt kê lộ trình, công cụ và những công nghệ bạn cần dùng để bước vào những mảng như frontend, backend hay operation. Tôi viết lịch trình này lần đầu vào năm 2017, cập nhật 1 lần năm 2018 và lần sửa đổi cách đây không lâu nhất là vào năm nay. Khi tôi viết bài viết này, lịch trình cho Frontend developer đã được cập nhật lại. Tôi vẫn đang khiến cho việc sở hữu lịch trình dành cho backend và operation. Mong là nó sẽ được phát hành trong vài ngày nữa.

Trong bài viết này, tôi sẽ tóm lược lại một chút và chia sẻ với bạn động lực đằng sau việc tạo những lộ trình này, một vài lời disclaimer giả dụ bạn quyết định đi theo các lộ trình này nhưng cuối cùng lại xảy ra sự cố, và một đôi lời khuyên dành cho bạn ví như bạn muốn trở nên 1 frontend developer “hiện đại” của năm 2019.

Động lực
Trước lúc bắt đầu có bài viết, để Anh chị em hoc lam game rõ hơn về tôi thì tôi đã khiến cho Fullstack Development trong 6 năm qua và hiện đang làm cho lead engineer tại tajawal, nơi mà tôi phải làm ở phổ quát vị trí. Không chỉ là sở thích, việc theo dõi các xu thế, đưa ra quyết định trong khoa học và tạo động lực, training các developer khác là 1 phần công việc của tôi.
Web Development đã phát triển số đông và rất nhanh. Số lựa chọn hiện với cho 1 frontend developer phổ quát tới mức mang thể gây chướng ngại sở hữu bất cứ người nào. Tôi tương đối active trên những cùng đồng và opensource; Vào năm 2017, Circa, một giáo sư đại học cũ của tôi đang chuẩn bị một bộ những lộ trình cho sinh viên đẻ họ biết rõ về thị trường development bây giờ, cô địa chỉ mang tôi để đưa cho cô một danh sách các phương tiện và kỹ thuật để phát triển web. Tôi đã viết lại 1 bản raw và gửi cho cô, nhưng sau đấy tôi quyết định sửa chữa nó một chút và đưa nó lên GitHub để mang thể giới thiệu điều này cho bất cứ ai mỗi lúc tôi được hỏi. Và đấy là bí quyết mà những lộ trình này ra đời.

Xem thêm =>> https://mindx.edu.vn/blog/post/lap-trinh-ung-dung-di-dong

Disclaimer
Trước lúc bạn bắt đầu mang lịch trình, hãy ghi nhớ một vài disclaimer như sau:
Mục đích của lịch trình này là cung ứng cho bạn ý tưởng về bối cảnh chung và chỉ dẫn bạn nếu như bạn ko biết phải học gì tiếp theo, cũng như mang thể không phải khuyến khích bạn học các thứ đang hợp thời/ đang là xu hướng. Bạn nên mang các sự thấu hiểu nhất định về lý do tại sao một tool sẽ thích hợp trong một số cảnh ngộ hơn những tool khác, và hãy nhớ rằng “xu hướng” không bao giờ đồng nghĩa có “phù hợp nhất”.
Thứ hai, hãy nghiên cứu một chút về thị trường làm việc của bạn.
Đừng bỏ qua thực tiễn là tiếng nói và tool với thể phụ thuộc phần đông vào thị trường, vì vậy hay nghiên cứu về thị trường khiến cho việc mà bạn đang nhắm vào.
Thứ 3, bạn không cần yếu phải học và biết mọi thứ được list ra trong bài viết này.
Bạn không cần phải học mọi thứ được liệt kê ở đây để sở hữu thể kiếm được công việc trước nhất cho mình. Các lịch trình được liệt kê ở đây có vẻ rất đao to búa lớn, nhưng đừng để bị chúng dọa nếu bạn vừa mới chỉ bước chân vào ngành nghề web development. Tôi chỉ đang cố gắng đưa vào toàn bộ mọi thứ mà rốt cục bạn sẽ phải học và sử dụng. Bạn mang thể học các phần cơ bản tối thiểu và tiếp diễn học những phần còn lại trong khi vun đắp website.

thời kỳ 1 — Sẵn sàng cho công tác
nếu như bạn là người mới bắt đầu và chỉ vừa mới bước vào lĩnh vực web development, với một lịch trình khác cho bạn. Hãy Nhìn vào lộ trình dưới đây và ngừng đọc thêm nữa; hoàn thành các mục được liệt kê trong lộ trình này và quay lại sau khi bạn đã thực hành một vài Dự án tiêu dùng chúng.

Chỉ cần học các mục được liệt kê và bạn sẽ với tự gọi mình là 1 web developer và kiếm công việc trong thị trường lao động. Tôi biết đa số người đã và đang kiếm tiền kha tương đối trong khoảng công việc freelancer hoặc fulltime. Dành thời gian cho phần đông các mục được liệt kê trong lộ trình, nắm vững hầu hết những điều này, đồng thời thực hiện thật rộng rãi. Hãy làm phổ quát và gần như dự án; đây là danh sách một số gợi ý mà bạn với thể khiến cho.

Task
Tạo một vận dụng Pomodoro. Bạn có thể sao chép và tạo ra 1 phiên bản web cho áp dụng này
Tạo ra một trang web tiêu dùng GitHub Repositories API để nạp và hiển thị top 10 kho lưu trữ (Repository) của tuần sở hữu định dạng đẹp và với tính phản hồi.
Tạo một ứng dụng todo-list đơn thuần cho phép bạn thêm task, đánh dấu đã khiến cho, sửa và xóa nội dung.
Tạo ra một Stopwatch đơn thuần sở hữu thể start, stop, pause và reset.
lúc bạn đã hoàn tất những việc này, hãy Nhận định về các mẫu control version system (hệ thống kiểm soát phiên bản), Phân tích phương pháp dùng cơ bản của Git và tạo profile trên GitHub.

thời kỳ hai — Viết CSS phải chăng hơn
lúc bạn đã đảm bảo được hết những phần cơ bản, hãy chuyển sang bước tiếp theo và Tìm hiểu bí quyết viết maintainable CSS và sử dụng những framework CSS. Lộ trình như sau:

lúc bạn đã hoàn thành bước này, hãy tiếp diễn và thực hiện những task sau cho các project bạn đã thực hiện trong quá trình 1:

Thêm bootstrap cho các Công trình trên bằng bí quyết dùng npm hoặc yarn.
Chuyển đổi những Công trình để tiêu dùng BEM
Viết CSS trong SASS
Tự động việc chuyển đổi SASS sang CSS bằng bí quyết sử dụng NPM Script
quá trình 3 - tăng tốc
giai đoạn này sẽ tới vài lần, và là khi bạn bước chân vào mảng frontend development đương đại. Hãy tiếp tục và Đánh giá thêm về JavaScript. Tìm hiểu Webpack là gì, hiểu những định nghĩa khác nhau và vì sao nó lại nhu yếu. Hiểu babel là gì, vì sao chúng ta sử dụng nó, Nhận định bí quyết tích hợp mang webpack và rốt cuộc Nhận định phương pháp lint code của bạn mang ESlint. Hầu hết những mục được liệt kê trong công đoạn này xoay vòng quanh webpack.

Bạn sẽ khởi đầu nhận được “hương vị” mordern frontend development vapf cuối tuần trước nhất của công đoạn này. Khi bạn đã hoàn tất thời kỳ này, hãy tiếp diễn và thực hành những bước dưới đây để hiểu rõ hơn về những tool
Task:
Tạo 1 npm package lấy tên các bạn và trả về danh sách các link được mua thấy trên mxh (nếu tồn tại). Nó có thể được dùng trong browser, gói lại với webpack, dùng babel để phiên mã và tiêu dùng ESLint cho linting.
Tạo một áp dụng todo list thuần tuý, dùng SASS cho CSS, thêm bootstrap , dùng BEM, dịch mã JavaScript bằng babel, đóng gói có webpack, tạo bản dựng tối ưu và triển khai nó trên Github Pages.
quá trình 4 — Modern Frontend Application
Bước tiếp theo là Tìm hiểu về một frontend framework. Có đa dạng lựa chọn nhưng các chọn lọc đa dạng nhất ngày nay là React, Angular và Vue. Tôi gợi ý bạn nên Nhận định React
đầu tiên hãy Nhận định React, sau đó Tìm hiểu về CSS trong JS, ngoài ra, nếu như thích bạn sở hữu thể xem các Styled Component và CSS modules nếu bạn thích.

có thể mang các thứ vẫn còn thiếu trong lộ trình nhưng đây là toàn bộ các gì bạn cần cho bất kỳ vai trò nào của Frontend Engineer. Và hãy nhớ chìa khóa là “practice”. Nó sở hữu thể trông đáng sợ hơn lúc ban sơ và bạn sẽ cảm thấy như bạn không nắm bắt được đa dạng, nhưng điều đó là thường ngày và theo thời gian bạn sẽ cảm thấy rằng bạn đang ngày càng rẻ hơn. Cũng đừng quên nhờ sự trợ giúp nếu như bạn vướng mắc, bạn sẽ ngạc nhiên bởi sở hữu phần lớn người sẵn sàng trợ giúp bạn.