In this article, we’re going to learn a bit about different frameworks and how they’ll make our task much easier.
Frontend
For designing the frontend, there are a lot many frameworks out there. You would have obviously heard of Bootstrap which is a framework for your CSS to make your website responsive without you doing much of that manual task.
However, there is a framework more powerful and easy to learn than Bootstrap.
Flexbox – The relatively new framework has quite some advantages over “the more conventional” Bootstrap. Do check out Pluralsight’s course on this. They’ve added many more insights and have actually compared the two frameworks.
Link – https://www.pluralsight.com/courses/css-flexbox-fundamentals-2319
With the CSS being taken care of, we now move onto Javascript. Since you are now familiar with Javascript, you would have heard of a wrapper – JQuery. JQuery is used by devs to ease the tasks and reduce some boilerplate code. But for the views, we have something specific.
React – is a JS library that makes managing the HTML components as well as the views together, whereas Angular is a framework that provides some complex JS features through which you can optimize your app.
Angular Link – https://www.pluralsight.com/paths/angular
React – https://www.pluralsight.com/paths/react
That’s it! As for the Backend, well Laravel/Codeigniter discussed in the previous article is more than enough.
Though to optimize more, you could maybe change your mean stack from LAMP to MERN and so on. But that’s a tale for some other day.
Right now if you’ve followed every step, watched and practiced every video that was recommended, then, congratulations. You are now an ultimate full-stack developer 🙂
