"A ship in harbor is safe, but that is not what ships are built for."~ John A. Shedd


Web-Development Resources for Students

 

Overview

This blogpost is a great resource for all those students and developers who are looking to get a head start on their Web-Development Journey.
Below I have listed a plethora of resources that have personally helped me and ones that are the most refined and polished resources on the Internet.
The best part is that many of these are absolutley free.
For further resources I have my own community on discord link for which is here

Online Courses with step-by-step guide and Certification (FREE)

1. The Odin Project

Odinproject paths

The Odin Project is a great resource to start your journey as a web-developer. They offer a unique User-interface and provide two paths to choose from!
You can either opt for the path with Ruby on Rails or stick with the traditional Javascript path. Obviously if you’re feeling adventerous you could complete one branch and then also do the other one!
You also do get projects to work on and at the end of either branches there is a usefull "Getting Hired" section giving usefull insights to interview questions and industry demands.
Check the site out here The Odin Project


2.FreeCodeCamp

FreeCodeCampCourses

FreeCodeCamp Offers many courses including a elobrate Responsive Web Development Course.
The course comprises of many sections going in depth about HTML, CSS and JavaScript. In each of them you build a website in their online editor that shows a live preview of your finished output.
They also have courses on Back end, Database management, Frontend Libraries and Javascript algorithms. Not to mention you get certificates after completing each module!
Check the site out here FreeCodeCamp


3.W3Schools

W3Schools

W3Schools is a well known documentation hub that provides all the required information on each and every attribute, tag and value of HTML, CSS, JavaScript and many others.
This can be used as a 'textbook' to gain information on the syntax and the usage of elements.
Check the site out here W3Schools

Online courses with Certification (PAID)

The Complete 2022 Web Development Bootcamp by Angela Yu (Udemy)

UdemyCoursePage

This course is a really well explained starter guide to get comfortable with the basics of web development.
You also receive a certificate on compeletion of the course. Also look out for Udemy sales and avail this course for as low as 449 INR.
The link to the course Click me!


Note: There are many other good courses out there on platforms like Udemy, Coursera, etc. but it is to be kept in mind that these courses are only but a tip of the iceberg and will only teach you the basics of the subject. They provide a pathway and a roadmap but it is our part to put in extra effort and expand our knowledge via other resource beyond the scope of these ‘bootcamps’.


Other Useful Resources

Google Fonts

image

Google fonts provides a large library of fonts for your webpage. you can select your required fornts and then just copy the links that it provides it to your <head> element to import them.


Codepen.io

image

CodePen provides a great interface to collaborate, code and test your webpages.
You can also load on external libraries like bootstrap and alike.


Online communities on Discord and Reddit

A few communities that i found on Discord are:

  1. Programmer’s Hangout
  2. Devcord
  3. The Coding Den
  4. SpeakJS
  5. CodeSupport
  6. Nodeiflux
  7. Lazy Developer
  8. TensorFlow
  9. Programmer Humor
  10. Python

A few subreddits worth following on Reddit are:

  1. r/webdev
  2. r/programming
  3. r/webdevtutorials
  4. r/programmingbuddies

These online communities provide a great way to raise doubts when you get stuck or encounter a problem!


What IDE’s to use?

The honest answer that I can give you is that it dosen't matter what you use as long as it suits your needs and way of work. That said I personally use Atom or VSCode with their extentions and packages.

Ending Note

I hope that these resources are usefull to you and help you get a headstart in your web-development journey!
Cheers~