Introduction to Web
In this module, we will discuss what is web how client and server communicate, how domains work and all the other basics of the web that you need to know before kicking off development.
HTML
This module takes you to the hands on of HTML which is a foundational language if you are learning to be a web developer. We do hands on and learn why HTML is core of web development uptil today.
Intro and step by step tutorial on CSS and design philosophy
Deeply study CSS and how it works to create beautiful designs on the web functional on screens of all sizes with amazing animations.
SaSS a recipe CSS longed for
SASS (Syntactically Awesome Stylesheets) is a CSS pre-processor. SaSS provides what CSS can't and enhances the ability to write cleaner, reusable and more functional stylesheets to create fluent, inspiring and engaging designs.
Responsive Design Principles
We will take a look at responsive design principles and some advance functionalities of CSS.
Advance CSS
We will take hands on and explore some of the modern functionalities of CSS that makes the web look cool and your code cleaner. We will practice Flexboxes, CSS grid, advance animations and much more.
Introduction to Javascript
This will be your introduction to javascript programming language and we will discuss why javascript is the default standard for web programming and how browsers interpret javascript written to make your pages more interactive.
Deep dive into Javascript
Dive deep and explore the numerious possibilites and cool features of javascript like asynchronous javascript, what ecmaScript is and why you should never break promises ;)
Intro to Git/github and workflow management
We will discuss Git and Github in details and see how git and github combined makes code versioning, team collaboration easier and makes your deployment flow and code testing on the fly easier with all the tools provided by github.
Introduction to Nodejs
Lets explore Nodejs a javascript runtime and see how javascript is not just bound to serve your frontend needs and can actually be run on server side with the help of nodejs. We will explore nodejs more in server side programming sections.
What is bootstrap?
In this sections we will explore css libraries and different types of libraries and frameworks like utility first, design systems etc. We will see how these libraries make front end development much easier for us. We will go deeper into bootstrap and design pages with bootstrap.
Tailwind a utility first CSS
We will do hands on practice of the most popular and growing CSS framework tailwind.
Introduction to React
React is a JavaScript-based UI development library. Facebook and an open-source developer community run it. We will explore react and learn the fundamentals of react.
Intermediate React
Deep dive into concepts like react hooks, context api, custom hooks and high order components, Errorboundaries and portals.
Scaling state management with Redux
This will be an intro to redux a library for state management for react. We will explore why local state management and even context API is not suitable for large react projects and how redux makes it easier to manage state as store across whole application.
Implmenting algorithms with react
Explore how complex filtering and sorting logics work with reactjs. We will also explore AI based solutions for search with algoliasearch.
Introduction to server side programming
This module will be detailed breakdown of what is a backend, what type of architectures exist and different web protocols and what are different ways of communication with backend. We will also discuss web security and much more.
Intro to Express JS
Hands on tutorial on popular nodejs framework for backend development. ExpressJS.
Introduction to Databases
In this module we will discuss what are different data storage formats and which ones are popular with web. We will discusses two of the popular databases MongoDB and SQL.
Hands on backend development
In this module we will create a small project with expressJS and any of the two databases.
Web Security
Lets understand how to make your backends secure. We will explore authentication, Authorization and role based access.We will do logins with Goolge, facebook and github. We will understand AUTH2 and JsonWeb Token. We will also explore third party solutions like Authz and okta.
Explore Expressjs in details
Get to know best practices on backend development that makes your life easier and make you a stand out developer.
We will explore:
1. Important nodejs packages
2. Error handling
3. Middlewares
4. Design patterns
Introduction to Docker
In this lecture series we will explore docker in details, discuss the fundamental concepts like containers and virtual machines. How Docker works and how it has become an important part of your daily development.
Introduction to CI/CD
In this module, we will discuss in details what CI/CD and how these pipelines are implemented and we will use github actions to define workflows and integrate that with hosting services like AWS to trigger auto deployments, auto scalings and much more.
Projects Details
There will be a total of 7 projects in this full course. These projects will be divided and implemented during different modules of the course. We will also assign you projects as homework assignments as well.