
Installation of Notepad++
Create and style HTML body tag by adding a title, writing content inside the body, and using the body tag's attributes to set the background color, like red or pink.
Explore the HTML heading system from H1 to H6, observe how each level changes text size, and see how headings render in a browser.
Learn how to create and render paragraphs in HTML, structure with head and body, write multiple paragraphs, and use the pre tag to preserve spaces when viewing in Chrome.
Learn to insert images into an HTML page using the img tag with a src attribute, placed in the body, and resize with height and width attributes.
Learn how hyperlinks work using the anchor tag and href to link multiple HTML pages, create and save demo files, and test navigation.
Explore text formatting in HTML by applying bold, links, superscript and subscript, and using tags like strong, small, mark, and del.
Learn to set the text color using the style attribute in HTML, try blue, red, magenta, and green, and use hex codes to apply many color options.
Learn to structure a simple html page and adjust text size using the style attribute. Experiment with font-size in percent values like 200%, 300%, and 100% to see the output.
Learn the basic HTML document structure and practice text alignment by centering, left-aligning, or right-aligning a paragraph, then save and run to preview results.
Master descriptive lists in HTML by structuring items with dl, dt, and dd, adding descriptions to each item, and preparing for nested lists in the next lesson.
Apply inline css to style HTML elements using the style attribute, set background and text colors, adjust font size, and center headings to design web pages efficiently.
Explore external CSS by creating an HTML page, linking an external stylesheet, and defining styles for headings, paragraphs, colors, and font sizes to see how the CSS file styles the page.
Learn what JavaScript is and its utility in building interactive web pages. See a simple password check example that shows how JavaScript enables interactivity.
Learn how to create and trigger a browser alert in a web page using onload and a JavaScript function, displaying the message Welcome with the built-in OK button.
Learn how to build a simple web page that uses a JavaScript confirm dialog to collect user feedback and respond with alerts, including basic HTML structure.
Learn how to place javascript in a separate file and link it to an html page using a script tag in the head, defining a function that writes content.
Develop a JavaScript project by building a number guessing game. Guess the computer's secret number with higher or lower feedback until you hit the correct answer.
Create a JavaScript number guessing game where the computer selects a random 1–100 number and the player guesses, receiving higher or lower feedback and counting the attempts.
Explore how to design web forms with various attributes by inspecting a Facebook sign-up form that collects name, surname, mobile number or email, password, and gender, then create an account.
Learn to implement a password input with proper attributes like id and required, place it under the name label, and observe that passwords are masked while you type.
Learn how input type date creates a calendar date picker in an HTML form, letting users click to choose any date and view the selected day slot.
Learn to use the HTML input type time to pick hours and minutes, adjust values with the up and down arrows, and explore changing the date with the control.
Learn how to use the input type color to let users pick a color, including the color picker and custom color selection in HTML.
Explore using input type='radio' in HTML forms, create a gender radio group with the same name attribute, provide values like 'male' and 'female', and ensure only one option is selectable.
Learn to create HTML checkboxes to allow multiple language selections, using the same name with values like English, Spanish, and French, and compare with radio buttons.
Learn how to implement a textarea in HTML, set the number of columns (for example, 100), and add a label and feedback prompts to collect user input.
Learn to embed audio in a web page with the HTML5 audio tag, set the src, enable controls, and run the page to hear the clip.
Embed YouTube videos on a web page using an iframe, copy the embed code, paste into the body, adjust width and height, enable full screen, and add multiple videos.
This course focuses on not only clearing the basics but also provides hands on learning experience with various hands on projects and exercises. The course helps to give a clear understanding of real life websites and teaches you how to create one.
HTML, CSS and JavaScript are the foundation for web development. They make up most of the front end technologies which are used to create a website. Unlike other courses this course does not focus on the quantity of learning rather it focuses on the quality of learning. Learning through practicals and hand on exercises is the best form of learning. This course too emphasizes implementation of each topic that is learnt.
This course is completely focused on providing you a good grasp on the front end technologies of web development that is HTML, CSS and JavaScript. This course covers the basics of HTML starting from how to create the basic structure of a website, text formatting, creating forms etc. CSS for styling the website elements and JavaScript for making the website responsive. This course can be taken up by anyone. Even if you do not have any coding background, you can create a website and make it live.
At the end of this course you will learn to create a real life live website !