DEV Community

loading...
Cover image for The Best Web Development Courses

The Best Web Development Courses

aemiej profile image Aemie Jariwala ・3 min read

When you want to develop a new website, you need to make sure of the frameworks you'll use for making the front-end and back-end of the application. The requirement for making a choice is based on knowledge of the frameworks and implementing them accurately.

Let's begin this blog with a brief on the importance of web development.

Importance of Web Development for a developer

Why webdev

All the applications, developed to date began with a train of thoughts and logic. The logic could be incorporated within the application directly through lines of codes. However, this application is understandable by the respective developers themselves but not the users. Hence, to make it a flexible application for everyone, the concept of user interface crawls in. So the equation for creating a web development is simple.

USER INTERFACE + FRAMEWORKS = FRONT-END

LOGIC + FRAMEWORKS = BACK-END

FRONT-END + BACK-END = WEB APPLICATION

Now the basic understanding of web development is done hence let's move forward with the courses that I went through to familiarize myself with web development.

The Corey Schafer Flask & Django Tutorial

Django + Flask

My first baby steps into the web development portal were to start with the back-end frameworks to incorporate the business/app logic. In the beginning, I had a real good grip with the python language and thus I decided to learn Flask and Django.

Baby steps

Certainly, I went through plenty of tutorials on youtube before I could end up on real good and satisfying one and it was the playlist by Corey Schafer. In this playlist for both flask and Django, he takes on by creating a project using both the frameworks step by step and in the end, he also explains the deployment of this web application using Linode, etc.

In my opinion, I will suggest first learn flask and then Django. The reason being that the flask is easier to get a grip on and can be used to create a simple application. After you're done creating a project using this playlist, I suggest you try to create another project of your own to get familiarized.

The Javascript Web Frameworks & Libraries

Javascript

Frankly, after I learned flask & Django, I became confident in using them however it didn't seem easy to configure with front-end libraries like ReactJs. So I decided to learn a new back-end framework Node & ExpressJS. It seemed much easier to integrate with the front-end but I had to decide on a different database such as MySQL or NoSQL (the cliche). In the beginning, I learned NodeJS with MongoDB (NoSQL database) through documentation and a video by Derek Banas on youtube.

After this, I moved on to using firebase with Node due to its easy use and integration. For this, I made no use of any video but solely dependent on the documentation and stack overflow for any queries. The documentation for firebase is well explained and doesn't require any external videos for understanding.

Let's move on to ReactJS and Redux. ReactJS is a front-end library that provides beautiful UI components. It doesn't use as much space as AngularJS and it provides extensive features. Redux is the state management used in the front-end along with ReactJS. To learn the beginner course on React and Redux, I went through Mosh Hamedani's video and, for further understanding, I went through the documentation and created personal projects. I haven't done a course on AngularJS yet so can't give my opinion on it (sorry about that, you can provide your source if any in the comments).

The recent course I did was on Typescript, an udemy course I found. Deno is known to replace Node however I haven't explored that yet as well so on exploration, I can provide further suggestions/courses on it in the future.

The youtube & documentation links to start with!

  1. NodeJS With MongoDB - https://bit.ly/38GMydM
  2. NodeJS With MySQL - https://www.mysqltutorial.org/mysql-nodejs/
  3. NodeJS With Firebase & Firestore - https://bit.ly/3hpZHvQ
  4. ReactJS - https://bit.ly/3pxAiDd
  5. Redux - https://bit.ly/2JuO765
  6. Understanding Typescript - https://bit.ly/3aSz4hD

On an ending note, if any additional course suggestion is required, please ask so. For now, ending this long blog and hope you enjoyed reading it and it was useful to you!

Discussion (2)

pic
Editor guide
Collapse
amberbdr789 profile image
Amber Bdr. Kharka

If possible, Can you give give me little details about your projects.
The questions knocking with me is .... you are learning so many frameworks and i want to see your project. I have build two small website. I want to expands project ideas.

Collapse
vaibhavgeek profile image
Vaibhav Maheshwari

Cool Post, Check out serverless as well! You would totally enjoy it.