
Outline the full stack course, explore front-end and back-end concepts, install tools, learn HTML5, CSS, Bootstrap, JavaScript, Git, Node.js, Express, and database basics, and build a medical inventory web app.
Install Visual Studio Code on Windows by visiting the official download page and following the setup wizard. The lecture covers downloading, installing, and launching the editor.
Learn how html, a markup language, structures web pages with doctype, head, body, and title tags, and build a simple page using index.html and headings such as h1.
Discover how HTML attributes add information to elements through name-value pairs, define links with href, and style elements using the style attribute.
Learn what HTML comments are, how to write and hide them from the page, and why comments improve code readability and maintainability in large web projects.
master css selectors to style web pages. use element selectors for headings, id selectors with hash, and class selectors with a dot to target divs and color individual elements.
Explore CSS flexbox, a one-dimensional layout model that distributes space and aligns items within a container. Learn its main axis and cross axis, and why it outperforms older methods.
Design a desktop single-page portfolio site to showcase your skills, work experience, and client testimonials, using pen-and-paper sketches to plan sections.
Design and style a dedicated client testimonials section on a portfolio site, including headings, a container, and blocks with client name, designation, and testimonial.
Explore the bootstrap grid system by building a 12-column layout with containers and rows, creating two equal columns (md-6) and observing responsive stacking on smaller screens.
Learn how to use Bootstrap grid column offset to create space and align a column within a 12-column layout, using offset classes to place content and control left margins.
Learn to display source code on web pages with Bootstrap code tags, create single and multi-line code blocks, show variables and equations, and highlight user input using keyboard tags.
Create Bootstrap dropdowns by building a toggle button that shows a dropdown menu with items, enabled by the Bootstrap JavaScript file and aria attributes.
Learn to build website navigation with bootstrap nav component using ul, li, and classes like nav, nav-item, and nav-link, and manage active states.
Explore creating a tabbed and pill-style navigation bar with active states, switch active items, and stretch the menu to full width for a responsive layout.
Create a Bootstrap jumbotron inside a responsive container using the grid system to structure a news portal. Add a heading, a horizontal rule, and a subscribe call-to-action button.
Build and integrate a responsive contact form in a Bootstrap-based news portal, using grid columns, form groups, labels, inputs for name and email, and a submit button.
Complete the JavaScript coding challenge 1 by declaring a number variable, displaying it on the page, then declaring a name string and outputting it to the console with an alert.
Define a function with parameters, call it with numbers, and return the result. Use x and y to perform addition and reuse the function for multiple calculations.
Explore how arrays store strings, access elements by their zeroth and first indices, and extend arrays with push in JavaScript, including calculating length.
Explore how to convert an array to a string, pop and shift elements, unshift new items, delete entries, and join arrays with concat.
Practice JavaScript coding challenges: convert strings to integers to add values, create and manipulate a five-fruit array, access the second item, push a new fruit, and pop the last item.
Learn how the if statement in JavaScript checks if age is greater than 18 and uses else to print you are an adult or you are not an adult.
Learn JavaScript comparison operators for if statements, including greater than, greater than or equal to, less than or equal to, and not equal, plus the difference between assignment and comparison.
Master conditional statements in JavaScript by implementing a discount rule: offer 10 percent off when a product's price exceeds $100 or its category is electronics.
Practice JavaScript fundamentals with a for loop printing numbers 1–200 and a while loop displaying squares 1–20, each on a separate line.
Explore hoisting in JavaScript: how variable declarations are moved to the top, why declaring after use can still run, and why initialization timing matters for code clarity and maintainability.
Learn JavaScript coding conventions and style guidelines to boost readability and maintainability, including camelCase for variables and functions, spacing around operators, four-space indentation, object formatting, and global uppercase variables.
Explore essential JavaScript best practices: use local variables, declare and initialize at the top, and avoid global variables and automatic type conversion to keep code clean.
Learn to use getElementsByTagName to fetch all elements of a tag, access them via index in the HTML collection, and change content with innerHTML.
Explore the browser object model and its relationship to the document object model by examining the window object, screen properties, and how to access a page's location.
Design a simple interest calculator user interface with bootstrap and javascript, using a container, rows, columns, and form groups for principal, years, and rate inputs, with no logic yet.
Introduce ES6, a modern version of ECMAScript for JavaScript, highlight backward compatibility with ES5, and explain how transpilers like Babel convert ES6 to compatible code for browsers.
Explore template strings, a feature demonstrated in JavaScript to preserve whitespace and create multiline messages. Learn to embed expressions with ${...} and output results with console.log.
The Complete Web Development Masterclass: Beginner To Advanced
The most comprehensive yet precise course on web development to build web development skills.
If you aspire to become a professional web developer or if you want to get into the field of web development then this is the right course to start with.
This course is specially designed to build a skillset around all the modern web development technologies which are in-demand by tech companies in 2018.
Upon course completion, you will be able to build full-stack, mobile responsive, database oriented web applications.
Here Is What You Get By Enrolling In This Course:
Word-By-Word Explanation: In the entire course, I explain each line of code, without skipping a single line of code.
Awesome Quality Content: 18 hours of HD Videos.
Well Structured & Easy To Learn: Course has been specially designed to make it easy for the students to learn HTML5, CSS, Bootstrap4, JavaScript,ES6 Git & Github, VueJs, NodeJs, PostgreSQL.
24 X 7 Support: I will always be there to guide you in your journey to become Python expert.
Note: Student queries and problems will be answered immediately.
Here Is Everything You Will Learn In This Complete Course:
The Complete Course is divided into 12 Major sections
Section 1: HTML5.
Section 2: CSS.
Section 3: Building A Portfolio Site.
Section 4: Bootstrap 4.
Section 5: Building A News Portal.
Section 6: JavaScript.
Section 7: ES6.
Section 8: Git & Github.
Section 9: VueJs.
Section 10: NodeJs.
Section 11: PostgreSQL.
Section 12: Final Project:Medical Inventory Management Web App.
First we start off by learning the basics of Web Development and installing the required tools to write HTML5 code. In this section we cover almost all the HTML5 concepts and learn how to layout the structure of HTML elements on the webpage.
In the next section we learn the basics of CSS which will help us make our site look appealing. We will learn how we can add CSS to your existing HTML pages to make them more visually attractive. We will also learn about CSS flex box which will help us to make responsive layouts.
Now as we know HTML & CSS, its now time to build something from the skills we have acquired. In this section we will build a portfolio site with HTML & CSS which will list all your skills.
Moving along we now start learning Bootstrap 4, a CSS framework which enables us to build fully mobile responsive websites in no time. Bootstrap 4 will make your development speed 2X as faster as you no longer have to build components from scratch. Bootstrap has hundreds of built in components which we can use to build websites quickly and without any hassle. We will learn about the Bootstrap grid system and learn how to make responsive layouts with it.
Once we master Bootstrap 4, its now time to build a fully mobile responsive news portal. In this section we will build a news portal which will work and look great on all of the devices like a computer, tablet and a smartphone. The best part about this news portal is that its completely built using Bootstrap and its components. Meaning we have not used a single line of CSS code to style the elements.
The next section is all about JavaScript which is the most popular language for front end web development. We will start off by learning the basics of how JavaScript can be used in the browser to make websites more interactive. We will learn data types, functions, global and local scope, loops, exceptions and all of the other basics related to javaScript. At the end of this section, we also build a simple interest calculator using JavaScript and Bootstrap.
Then we learn about ES6 or ECMAScript6 which is the latest version of JavaScript. We will learn some of the most relevant and new features of ES6 like the let and the const keywords.
We then move towards learning Git & Github which is one of the most popular tools amongst web developers across the globe. We will start by learning what is Git and how Git can be used for version control. We will learn about all the important commands required to work with Git all with a practical example. Later we start learning GitHub and learn how GitHub can be used to collaborate with teams while working on a project.
In the next section we learn about VueJS which is a progressive front end framework which helps us to build user interface components in an efficient way. VueJs is now being used by a lot of tech companies and is much easier to learn as compared to other similar frameworks like React. Many developers prefer VueJs over React because of its learning curve and the extensive documentation available online. In this section we will cover all the important aspects of VueJs.
Once we finish learning the front end technologies, its now time to start learning about the backend.
We now start learning about NodeJS which is a JavaScript runtime which allows us to run JavaScript on the server. NodeJS is extremely powerful and it allows us to configure server, connect to database, make queries and a lot more can be done using Node. In this section we will start learning Node right from the basics and we will build our very own server. We will also learn about the node package manager and learn how it can be used to install and use different node packages which are used to extend the functionality of our apps.
Now once we know how about Node, we now need a database to be able to store and manage our data at the backend. Hence we move on to learn about Postgres which is a database used and trusted by large software companies. We will learn about PostgreSQL which is a structured query language used to query the Postgres database. We will learn how to create our very own database from scratch and how to setup the structure to store and manage our data.
In the final section we apply everything we have learned in the entire course by building a fully functional medical inventory web application.
This will be a complex database oriented application which will store data into the Postgres database and allow us to insert, update, delete and modify medicine records from the front end. We will learn how to build a complete web app from scratch right from building the database, configuring our server to building the front end.
So let's begin the journey of becoming an expert Web Developer.
In addition to the Udemy 30-day money back guarantee,you have my personal guarantee that you will love what you learn in this course. If you ever have any questions please feel free to message me directly and I will do my best to get back to you as soon as possible!
Make sure to enrol in the course before the price changes.
Take yourself one step closer towards becoming a professional web developer by clicking the "take this course button" now!
Join the journey.
Sincerely,
Ashutosh Pawar