Overview What You Will Learn Curriculum Instructor

Course Overview

If you would like to get started as a front-end web developer, you are going to LOVE this course! Work on projects ranging from a simple HTML page to a complete JavaScript based Google Chrome extension. We will cover the following technologies in this course:

  • Web development basics with HTML
  • Cascading Style Sheets (CSS)
  • JavaScript programming
  • jQuery JavaScript library
  • Bootstrap framework

We will work on 3 class projects throughout this course:

Simple text site - We will use what we learned in the HTML sections to create a simple text site. This project will help you learn HTML structure and the essential elements.

Fallout inspired Pip-Boy - We will take what we learned in the CSS and Bootstrap sections of the course to code a Pip-Boy from the game Fallout. This project will help you learn the design elements of modern web development.

Google Chrome extension - We will finish the course by programming a JavaScript based Google Chrome extension. This project will help you understand the logical parts of web development.

This course covers the most popular web development frameworks, and will get you started on your path towards becoming a full-stack web developer!

What You Will Learn

  • Build a simple HTML text site
  • Style web pages using CSS
  • Program websites with JavaScript
  • Build a Pipboy using Bootstrap
  • Build and publish a Google Chrome Extension

Program Curriculum

  • Atom Setup
  • $7 Million Cybersecurity Scholarship by EC-Council
  • Chapter 01 Quiz

  • HTML Document Structure
  • HTML Elements - div and span
  • HTML Elements - i, b, p, and a
  • HTML Elements - ul, li, and ol
  • HTML Elements - Header and Footer
  • HTML Elements - Section, Main, and Article
  • HTML Elements - h1-h6 and Aside
  • HTML Tables
  • Project #1 - HTML Text Site
  • Chapter 02 Quiz

  • Images
  • Forms
  • Inputs
  • Checkboxes
  • Radio Buttons
  • Select, Option, and Buttons
  • HTML5 Videos
  • HTML5 Audio
  • Doctypes
  • Meta Tags
  • Chapter 03 Quiz

  • Targeting Color and Background
  • Element Specificity
  • ID Targeting, Margin, and Border
  • Padding, Margin, and Float
  • Max-width and Background-image
  • Switching Over to an IDE
  • Font Weight, Style, and Family
  • Text Decorations
  • Text Spacing
  • Text Decoration Modification
  • Text Shadow
  • Chapter 04 Quiz

  • Pseudo-states
  • Border Radius
  • Positions
  • Pseudo-elements
  • Z-index
  • Viewpoint Width and Height, Overflowing Content
  • Transition Property
  • Chapter 05 Quiz

  • Introduction to JavaScript
  • Alerts and Console Logging
  • Integers, Strings, and Variables
  • Undefined Variables and Modifying Values of Variables
  • Boolean Operators
  • Comparing Values
  • If Statements
  • For Loops
  • Defining Functions
  • Event Handling
  • Setting an Elements innerHTML
  • Chapter 06 Quiz

  • Arrays Part 1
  • Arrays Part 2
  • Arrays Part 3
  • Textareas and Getting the Value of Inputs
  • Functions – Parameters and Return Values
  • Multiple Parameters in Functions
  • Flexible Function Parameters
  • Exercise - Find the Missing Number
  • Exercise Solution
  • Classes Explained
  • Class Constructor, Instance Variables, and Static Variables
  • Extending Classes
  • Chapter 07 Quiz

  • jQuery Setup
  • Targeting Elements
  • Event Handling
  • Dropdown Menus
  • Making Our Dropdown Disappear
  • Multiple Targets, Events, and attr Method
  • Prepend, Append, and HTML
  • preventDefault
  • event.which and Switch Properties
  • Custom Context Menu, pageY, and pageX
  • Is Method
  • Chapter 08 Quiz

  • Writing Our Own Version of jQuery
  • Find Method
  • First and Last
  • Focusin and Focusout
  • Contains, is, and hasClass
  • Each Method
  • Callbacks
  • CSS
  • Chapter 09 Quiz

  • Bootstrap Setup
  • Navbar Part 1
  • Navbar Part 2
  • Forms Part 1
  • Forms Part 2
  • Buttons
  • Chapter 10 Quiz

  • Setup
  • Navbar
  • Main Page
  • Pipboy Image and Footer
  • Colors
  • Font and Styling Main Nav
  • Scanlines
  • Navigation Styling
  • Tabs
  • Progress Bars
  • Stat Bars
  • Footer Fixes
  • Damage and Resistance
  • Icons
  • Inventory Template
  • Item List
  • Weapon Stat Container
  • Finishing Touches with JavaScript
  • Chapter 11 Quiz

  • Problem Solving
  • Manifest Files
  • Basic Setup
  • Getting Video URLs
  • Injecting JavaScript
  • Getting Pretty Objects for Each URL
  • Creating Download Options List
  • Communicating Between the Page and Extension
  • Chrome Downloads API and Background Scripts
  • Receiving Messages and Downloading Files
  • Styling Our Extension and Publishing
  • Chapter 12 Quiz

  • Tips for Getting Started as a Professional Web Developer
  • Chapter 13 Quiz
Load more modules

Instructor

Joseph Delgadillo

Joseph Delgadillo is the founder of JTDigital Courses, an education technology company. He has been active in the online learning community since 2015 and has worked with multiple startups. As of 2020, over 600,000 students across the globe have enrolled in his courses covering ethical hacking, Python programming, web development and more. He graduated with honours from Central Washington University.

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
Get Started Now
Start your 7-day trial for $1

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
Get Started Now
Start your 7-day trial for $1

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

  • Introduction to Raspberry Pi

    Introduction to Raspberry Pi

    Short Course

    Introduction to Raspberry Pi

    Software Development

    Learn How to Create Software and Hardware Projects using Rasp...

    $49.99

    Beginner

    2 hr 0 m

  • Hands-on React Native

    Hands-on React Native

    Short Course

    Hands-on React Native

    Software Development

    Learn to build modern, beautiful & powerful native iOS an...

    $49.99

    Beginner

    6 hr 32 m

  • Learn Python Programming with 100 Practicals

    Learn Python Programming with 100 Practicals

    Short Course

    Learn Python Programming with 100 Practicals

    Software Development

    Learn Python Programming from scratch.

    $69.99

    Beginner

    5 hr 30 m

  • Game Development with C# and Unity – Reinforce Your C# Codes

    Game Development with C# and Unity – Reinforce Your C# Codes

    Short Course

    Game Development with C# and Unity – Reinforce Your C# Codes

    Software Development

    Learn to write code that is not just functional, but clean, m...

    $49.99

    Advanced

    4 hr 18 m

  • React.JS Crash Course: The Complete Course for Beginners

    React.JS Crash Course: The Complete Course for Beginners

    Short Course

    React.JS Crash Course: The Complete Course for Beginners

    Software Development

    Create web apps that are robust, quick, user-friendly, and re...

    $59.99

    Beginner

    2 hr 0 m

  • Optimizing and Securing Ansible Playbooks

    Optimizing and Securing Ansible Playbooks

    Short Course

    Optimizing and Securing Ansible Playbooks

    Software Development

    Efficiently Automating Container and System Management with S...

    $99.99

    Intermediate

    5 hr 0 m

  • OAuth, OpenID, and SAML Crash Course Security for Web and Mobile

    OAuth, OpenID, and SAML Crash Course Security for Web and Mobile

    Short Course

    OAuth, OpenID, and SAML Crash Course Security for Web and Mobile

    Software Development

    Learn how OAuth2, OpenID, and SAML work as open standards for...

    $49.99

    Advanced

    1 hr 0 m

  • Spring Core Framework with Spring Tool Suite

    Spring Core Framework with Spring Tool Suite

    Short Course

    Spring Core Framework with Spring Tool Suite

    Software Development

    The hands-on learning experience of Spring Core Framework

    $49.99

    Intermediate

    1 hr 37 m

1 8