Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Front End Web Development

Guide to Front-End Web Development and Design

Complete guide to learning how to program online HTML CSS HTML5 CSS3 JavaScript jQuery
Rating: 4.3 out of 54.3 (570 ratings)
13,645 students
Created by Laurence Svekis
Last updated 9/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Create modern websites with HTML CSS and JavaScript
  • develop web applications from scratch
  • improved use of HTML CSS and JavaScript
  • write more efficient web code
Curated for the Udemy for Business collection

Course content

19 sections • 207 lectures • 16h 43m total length

  • Preview11:29
  • Preview10:03
  • Course Tips and Resources
    03:15

  • HTML CSS Course Introduction
    08:48
  • Getting Started with HTML
    10:07
  • Learn about HTML what is HTML
    04:34
  • resources
    00:13
  • Create an HTML template to use and reuse multiple times
    06:53
  • HTML Comments and Meta Information
    06:11
  • HTML Paragraphs LineBreaks Headings
    08:09
  • Meta information and whitespace in HTML files
    05:34
  • Working with HTML attributes and images
    08:07
  • List types HTML
    06:10
  • Working with Tables HTML
    09:15
  • Connecting webpages with hyperlinks
    09:38
  • Source Code resources
    00:23
  • How to create a basic form in HTML
    08:28
  • HTML5 Input Types
    07:40
  • Creating amazing forms in HTML
    10:50
  • HTML5 Web forms
    07:42
  • HTML Source Code
    00:31
  • Practice HTML Code
    02:28
  • HTML5 Content Sectioning
    06:27

  • How to add CSS and JavaScript to HTML pages
    09:25
  • Working with Style Colors and text alignment CSS
    10:04
  • Source Code adding CSS and JavaScript
    00:08
  • CSS Background Styling options
    12:17
  • Using CSS Selectors
    07:38
  • CSS box Model Borders
    10:03
  • Source Code HTML
    00:45
  • CSS Box model padding shorthand
    06:05
  • CSS Box Model Margins
    06:44
  • Source Code CSS
    00:16
  • CSS Shorthand vs Long Declarations PX EM and Percentage
    04:57
  • Resources Box Model
    00:03
  • CSS display options
    08:30
  • CSS position elements
    07:18
  • Display and Position Options Source Code
    00:07
  • CSS pseudo Classes
    08:01
  • CSS pseudo Elements
    04:07
  • Source Code Pseudo
    00:05
  • Multiple Selectors Same Properties
    02:55
  • CSS Selector Nesting
    04:17
  • CSS Clean up CSS and transform our webpage
    05:54
  • Transform a list into a navigation bar
    08:44
  • Create 2 columns in main content area
    07:20

  • CSS more styling of HTML page
    06:10
  • Make it responsive CSS website
    12:49
  • Adding Google Fonts
    02:32
  • Website Source Code
    01:44
  • CSS resources
    00:41

  • JavaScript Introduction course resources
    03:26
  • First JavaScript Code
    04:44
  • How to add JavaScript to your webpage
    09:54
  • Syntax of JavaScript how to write code
    09:24
  • Source Code Comments alerts
    00:07
  • Debugging Dev tools console messages in JavaScript
    09:25

  • JavaScript Variables Data Types
    09:29
  • Source Code Variables
    00:08
  • JavaScript How arrays work
    07:58
  • JavaScript working with Arrays
    05:22
  • JavaScript Arrays in Action
    12:14
  • JavaScript Arrays as Strings and Slices
    06:54
  • Source Code Arrays
    00:21
  • JavaScript Working with Objects
    08:17
  • JavaScript Constructor Objects
    05:23
  • Source Code Objects
    00:10
  • JavaScript Introduction to Functions
    02:57
  • JavaScript working with Functions
    06:52
  • JavaScript Functions in Action
    07:10
  • JavaScript Global Scope Values in Functions
    08:11
  • Source Code Functions
    00:14

  • What is the DOM
    06:46
  • JavaScript DOM Document Object Model
    05:50
  • JavaScript getElementById
    06:56
  • JavaScript DOM select elements via Class and Tags
    06:34
  • JavaScript the Document Object data
    05:22
  • JavaScript Update Styling attributes using the DOM
    05:48
  • Source Code DOM
    00:16
  • JavaScript DOM onclick
    05:36
  • JavaScript Mouse Events
    07:32
  • Source Code Events
    00:23
  • JavaScript addEventListener
    07:28
  • Source AddEventlistener
    00:22
  • JavaScript Queryselectorall multiple elements event listeners
    07:17
  • JavaScript More Element Selection options
    06:03
  • Source Code Multiple Element Selection
    00:25
  • JavaScript Creating New Elements
    06:27
  • Source Code Create Elements
    00:16
  • DOM and Form Create Form Validation
    13:01
  • Source Code Form Validation
    00:31

  • JavaScript Fundamentals
    05:02
  • JavaScript Operators Introduction
    09:17
  • JavaScript Operators increment alternating row colors
    08:45
  • JavaScript Conditional ternary operator
    03:18
  • JavaScript Logical operators
    03:13
  • Source Code Operators
    00:38
  • JavaScript Math Method
    05:49
  • JavaScript Date Method
    04:34
  • Source Code Useful Methods
    00:25
  • JavaScript Conditions
    06:11
  • JavaScript working with Conditions
    03:01
  • Source Code Conditions
    00:31
  • JavaScript Switch Condition
    04:47
  • Source Code Switch
    00:28
  • JavaScript While Loop
    04:42
  • JavaScript Do loop
    02:15
  • JavaScript For loop
    02:19
  • Source Code Loops
    00:33

  • JavaScript introduction to JSON
    04:37
  • JavaScript Multiple Objects
    04:13
  • JavaScript AJAX connection
    05:56
  • JavaScript Get JSON data using AJAX
    07:34
  • JavaScript External JSON file Data using AJAX
    03:02
  • Source Code AJAX
    00:09
  • JavaScript AJAX more details
    05:13
  • JavaScript AJAX server interaction
    02:21
  • JavaScript AJAX send data to server
    03:07
  • JavaScript AJAX post data to server
    05:27
  • Source Code AJAX POST
    00:12
  • update form to multiple inputs challenge
    02:33
  • Source Code Multiple fields
    00:13

  • Introduction to jQuery
    03:02
  • How to add jQuery to your webpages
    02:17
  • Course resources Add jquery into your webpage
    10:36
  • jQuery Course Resources
    00:19
  • what is the DOM in JavaScript
    05:54
  • Learn about the DOM
    00:17
  • Document Object Model information via the browser
    03:12

Requirements

  • desire to learn
  • access to a computer

Description

Develop the skills you need in order to be able to make websites from scratch.  Learn to use HTML5, CSS3, JavaScript and jQuery together in building modern beautiful, fully functional amazing websites.

HTML CSS and JavaScript are the cornerstones of the web.  These are the foundation languages of every web page today, and every page has all or combinations of these core technologies.

This course is perfect for anyone who wants to learn about web design and web development.   Knowing how to use these core technologies provides limitless possibilities.  This course will help you get started quickly and lay the foundation for programming fundamentals.

The core of being a front-end web developer is knowing how to utilize HTML, CSS and JavaScript to build projects from concept to inception.

This course will introduce you to HTML which provides the structure for your webpage

  • how to build an HTML5 template
  • Learning what HTML is and how it works
  • Using comments, and meta information
  • Working with attributes
  • Adding Images, hyperlinks, tables and lists
  • How to use Headings, paragraphs, and line breaks
  • Structuring your HTML page for better presentation
  • Everything you need to know about HTML forms

Add your style making your HTML code shine with CSS

  • What CSS is and how it works
  • Colors and Text styling
  • How to work with backgrounds
  • What the box model is and why it’s important
  • Google fonts
  • Making it responsive
  • Better selection of HTML elements
  • Display position and more
  • Why use Pseudo Classes and Pseudo elements
  • Nesting, multiple element styling
  • How to transform your HTML code
  • How to make a navigation bar

Make your website come to life with JavaScript

  • How to write JavaScript code
  • Built in methods
  • Different data types in JavaScript
  • Debugging JavaScript
  • Variables arrays and objects
  • Using functions to make the magic happen
  • The power of the DOM
  • Selecting elements to make dynamic
  • Interacting with your web users
  • Event listeners
  • Creating elements on the fly with JavaScript
  • Operators and more
  • Conditions and switch statements
  • Looping your code
  • What JSON is and how to use it
  • No page reload AJAX calls
  • Sending data to the server and receiving data as objects

Take it one step further with jQuery

  • What jQuery is and how to use it
  • DOM and jQuery together
  • Selectors picking your elements
  • Manipulation of your HTML code
  • Events and listeners
  • jQuery code challenges
  • Traversing the DOM with jQuery
  • Why you’ll love jQuery
  • Do even more with jQuery
  • Hide show and toggle elements attributes
  • Sliding, animations and cool effects
  • jQuery and AJAX the perfect match up

This course covers all this and more….   All the source code is included… With regular challenges and exercises…  

By the end of the course you will have the skills and know how to create websites.   

I am here to help you learn how to create your own websites and ready to answer any questions you may have.

Want to know more, what are you waiting for take the first step.  Join now to start learning how you too can create websites today.

Who this course is for:

  • web developers
  • HTML CSS JavaScript developers
  • anyone who wants to learn about making websites

Instructor

Laurence Svekis
Instructor, GDE, Application Developer
Laurence Svekis
  • 4.3 Instructor Rating
  • 42,917 Reviews
  • 720,576 Students
  • 373 Courses

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : 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!"

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.