Course Overview

Explore how you can create websites from scratch!!! Step by step course included EVERYTHING YOU NEED to get started and learn all the fundamental core concepts of web design and web development.

Professional training from an instructor with over 20 years of web development experience ready to help you learn and answer any questions you have.....

The course covers everything you need to know about HTML:

·         Basic syntax - all the common tags used to develop web content

·         How and where you can write HTML - top resources and links included

·         Learn about HTML structure within web pages

·         Explore HTML5 semantic elements

·         Build your own HTML template

·         Create HTML lists, hyperlinks, and add images

·         Build tables for even more HTML structure

·         Create Forms with in-depth form examples and HTML tag explanations

·         Add iframes and more cool HTML elements

·         Create your own mini HTML site using only HTML

·         All this and more.

The course covers everything you need to know about CSS

·         Find the top resources and links to help you learn

·         The basics of styling

·         How to use Classes and ID to select elements

·         Explore ALL the colors for fonts and backgrounds

·         Move content display properties

·         Learn how to apply styling to common HTML like Lists, Tables, and more

·         Everything you need to style your text and make it look fantastic - including Google Fonts

·         Floats to position elements and content

·         The BOX MODEL - padding, margins, border, height, and width for each element

·         CSS positioning

·         Working with Hyperlinks and making it look good

·         CSS Pseudo Class 

The course covers everything you need to know about JavaScript

·         Explore how to write JavaScript basics

·         Data types the building blocks of coding

·         Using Variables to hold data

·         Functions invoking blocks of code

·         JavaScript operators and assignment syntax

·         JavaScript Objects and Arrays

·         Conditions and Switches to apply logic

·         Loops and iterating through data

·         Arrays and array methods 

·         Document object to manipulate HTML element content

·         all this and much more

The course covers everything you need to know about JavaScript Document Object Model DOM

·         Selecting elements within the DOM

·         Manipulating element content and text output

·         Adding styling and classes using JavaScript

·         Event Listeners to add user interaction to your web content

·         Building and creating elements with JavaScript

·         Build an interactive list project from scratch

The course covers everything you need to know about JSON and AJAX

·         What JSON is and how it works

·         Links and top resources for JSON and JavaScript

·         JavaScript Objects and JSON how they work and how you can use JSON within JavaScript code

·         Array objects and objects that contain arrays and more

·         How to iterate through all the JSON data objects and output them into your HTML page

·         Challenges in lessons with step by step solutions

·         JavaScript JSON methods

·         Local Storage to store JSON data

·         Using JavaScript Fetch to retrieve JSON data and responses

·         All this and much more

The course covers everything you need to know about jQuery

·         Explore how to write jQuery basics

·         how to select elements to apply manipulations too

·         learn about applying style and classes

·         adding effects to elements like hide and show

·         make you web page come to life with animations and effects slide, fade and animation

·         create interaction with your page using event listeners like mouse events and keyboard events

·         use AJAX to connect to JSON data to easily populate content into your page

all this and much more...

What You Will Learn

  • Create websites using HTML and CSS
  • Create interactive content online using JavaScript
  • How to build real world creative and modern website
  • Coding
  • tips and resources for best practices to build a professional website
  • Using HTML5
  • CSS3
  • JQuery and JavaScript
  • Complete source code of final product

Program Curriculum

  • Learn HTML
  • Getting to Know HTML
  • What is an Element?
  • HTML Page Structure
  • HTML Metadata
  • HTML Doctype
  • Try it! Make Index Page
  • Element Formatting HTML
  • HTML Headings
  • Self Closing Tags
  • HTML Exercise - I
  • HTML Comments
  • Preformatted Text
  • HTML Entities
  • HTML Text Formatting
  • More HTML Text Formatting
  • Practice Text Formatting
  • Divs and Spans to Organize Content
  • HTML5 Semantic Elements
  • HTML5 Semantic Elements Exercise - II
  • Placeholder Content
  • Hyperlinks Anchor Tag
  • Try it! Build a Page
  • Adding Images to Your Page
  • Images Exercise - III
  • HTML Lists
  • Adding Lists Exercise - IV
  • Rebuild the First Website Exercise - V
  • Nested Lists Exercise - VI
  • HTML Tables
  • HTML Tables with Style
  • HTML Forms
  • Create a Contact Form
  • HTML Form Options
  • Form Submission
  • More Input Types HTML5
  • More with HTML5 Forms
  • HTML Form Fieldset
  • Form Practice Exercise - VII
  • HTML Iframes
  • Build a Site Exercise - VIII
  • $7 Million Cybersecurity Scholarship by EC-Council
  • Chapter 1 Quiz

  • Introduction to CSS
  • What is CSS?
  • Basics of CSS
  • CSS Inline Style
  • CSS Style Tag Styling
  • Creating and Using CSS File
  • CSS Selection and Classes
  • CSS Colors
  • CSS Background Property
  • CSS Display Property
  • CSS for List Items
  • CSS Exercise - I (Style a Simple Website)
  • CSS Measures and Properties
  • CSS Divs and Spans
  • CSS Styling Text
  • CSS Font Family
  • CSS Google Fonts
  • CSS Exercise - II
  • CSS Floats Images
  • CSS Float Elements
  • CSS Box Model
  • CSS Exercise - III
  • Exercise - III Solution
  • CSS Outline
  • CSS Position
  • Image Grid Exercise - IV
  • CSS Fun with Hyperlinks
  • CSS Pseudo Classes
  • CSS and Tables
  • CSS Overflow and MaxWidth
  • CSS Element Alignments
  • Website Project Part - I
  • Website Project Part - II
  • Website Project Part - III
  • Chapter 2 Quiz

  • Welcome to JavaScript
  • Write JavaScript
  • Update HTML Element
  • JavaScript Code
  • JavaScript Variables
  • JavaScript Variables in Action
  • JavaScript Try it! Exercise - I
  • Operators and Assignments
  • JavaScript Functions
  • JavaScript Functions Exercise - II
  • Closer Look at Functions
  • JavaScript Objects
  • JavaScript Objects Exercise - III
  • JavaScript Arrays
  • Array Methods
  • JavaScript Condition Statements
  • Combine with Functions
  • JavaScript Switch
  • JavaScript Loops
  • JavaScript String Methods
  • JavaScript ES6
  • Document Object Model DOM
  • JavaScript EventListeners
  • JavaScript Exercise #4 Event Checker Exercise
  • Chapter 3 Quiz

  • Introduction to JavaScript DOM
  • What is the DOM?
  • JavaScript DOM Manipulation
  • JavaScript DOM Selection
  • Element Text Manipulation
  • Change Classes DOM
  • Change Styles DOM
  • Element Attribute Manipulation
  • Interactive DOM Events
  • Select Multiple Elements
  • KeyPress Events
  • JavaScript Mouse Events
  • JavaScript DOM Create Your Own Elements
  • Event Listeners to New Elements
  • Create Dynamic List
  • List Project Exercise Input Add New Element
  • Project Bonus: Adding Object Value
  • Chapter 4 Quiz

  • Introduction to JSON
  • What is JSON
  • JSON as a Data
  • Solution Create JSON
  • JSON Details
  • Solution Output JSON to HTML
  • JavaScript Arrays of Objects
  • JavaScript Solution Array Objects
  • JavaScript Loop Object Data
  • Solution Loop Object Data
  • JavaScript Add to Object
  • JavaScript JSON Methods
  • Local Storage Values
  • Solution Local Storage
  • JavaScript Fetch
  • Solution JavaScript Fetch
  • Catching Errors Shorthand
  • JSON with Multiple Items
  • Solution forEach JSON
  • JSON Conclusion
  • Chapter 5 Quiz

  • Introduction to jQuery
  • Why jQuery and What is It?
  • Selecting with jQuery
  • jQuery Fun with Styling
  • jQuery Content
  • jQuery Attributes
  • Image and Form Attributes
  • jQuery Click Events
  • Document Ready Event Listener
  • jQuery Mouse Events
  • jQuery Keyboard Events
  • jQuery On Event Listener
  • jQuery Effects Hide Show
  • jQuery Fade Effect
  • jQuery Slide Effect
  • jQuery Animate Effect
  • jQuery AJAX
  • Load and CORS Error
  • AJAX and Form Data
  • Multiple Items in Response Output
  • Select Element
  • jQuery Exercise
  • Chapter 6 Quiz
Load more modules

Instructor

Laurence Svekis

An experienced web application developer, having worked on multiple enterprise-level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web application development areas of expertise include HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO. Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success, and I want to help you experience what technology has to offer. I'm passionate about web technologies and look forward to sharing my knowledge and experience with you!

Join over 1 Million professionals from the most renowned Companies in the world!

certificate

Empower Your Learning with Our Flexible Plans

Invest in your future with our flexible subscription plans. Whether you're just starting out or looking to enhance your expertise, there's a plan tailored to meet your needs. Gain access to in-demand skills and courses for your continuous learning needs.

Monthly Plans
Annual Plans
Save 20% with our annual plans!

Pro

Ideal for continuous learning, offering extensive resources with 600+ courses and diverse Learning Paths to enhance your skills.

$ 499.00
Billed annually or $59.00 billed monthly

What is included

  • 700+ Premium Short Courses
  • 50+ Structured Learning Paths
  • Validation of Completion with all courses and learning paths
  • New Courses added every month
Early Access Offer

Pro +

Experience immersive learning with Practice Labs, CTF Challenges, and exclusive EC-Council certifications for comprehensive skill-building.

$ 599.00
Billed annually or $69.00 billed monthly

Everything in Pro and

  • 800+ Practice Lab exercises with guided instructions
  • 150+ CTF Challenges with detailed walkthroughs
  • New Practice Labs and Challenges added every month
  • 3 Official EC-Council Essentials Certifications¹ (retails at $897!)
    Exclusive Bonus with Annual Plans

¹This plan includes Digital Forensics Essentials (DFE), Ethical Hacking Essentials (EHE), and Network Defense Essentials (NDE) certifications. No other EC-Council certifications are included.

Related Courses

1 of 8