README.md

Join our community on Spectrum to ask your doubts on the way:

Basics

Basics - Getting Started with Software Developmemt

This repository contains path to getting started as a software developer, setting a solid foundation.

Part 1 - Internet 101

Watch this wonderful video series on How Computer Works and Internet 101 created by Code.org.

Part 2 - Fitting Pieces together

Go through this document giving more highlights on Hosting and how various pieces fit together on the Client-Server Model.

Part 3 - Web - Frontend: HTML, CSS

HTML: The basic building blocks

Go through any of these courses to learn about HTML:

• Learn about HTML with this course(the free part) Introduction to HTML - Codecademy
• Alternatively, if you prefer a blog-style platform, go through this series of articles in HTML and CSS HTML- Structuring the Web

CSS: All about styling

Learn about CSS with it's partner course course(the free part) Introduction to CSS - Codecademy

Learn about building websites in a bit more detail with a similar course(the free part) Make a website - Codecademy

Go through this PDF to get a brief overview of how HTML, CSS. You may not understand many aspects of CSS, which will be discussed in detail over time.

Part 4 - Project

Build a website project using HTML and CSS. It can be personal portfolio website, a local shop or a fan-page. Try to make a custom UI without using any library. Here are some of the resources you can use:

• Sublime Text or VS Code for writing the code
• Uplabs.co - Design ideas
• Google - 'Website Templates' to get more ideas
• https://coolors.co/ and https://flatuicolors.com/ to get soothing color inspiration.
• Google Fonts to add custom fonts
• Advanced: Codrops for some advanced UI inspiration

Host the website on Netlify by 'drag and drop' your folder after Signing up for free account. Share your projects here:

Projects:

• http://www.pranavmistry.com/
• http://www.paulgraham.com/
• "Add your project here"

Congratulations, you completed basics of the software development!

Optional - Watch Responsive Web Design Fundamentals - Google and Udacity to make you website responsive across devices of different sizes.

Part 5 - Javascript

Introduction to Javascript

Get an idea about the Javascript language, to set a strong foundation for the Javascript used in web frontend development.

• Do the Introduction to Javascript - Codecademy course
• Read the Mozilla - Javascript : Dynamic Client Side Scripting
• Go through the artiles by Javascript.info https://javascript.info/getting-started

Javascript and the Web

Go through one of these resources to get idea on how Javascript is used in websites:

• Javascript.info: https://javascript.info/ui
• Mozilla: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs

Part n - To be added later

Backnend:

• REST APIs
• AJAX
• Websockets