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 Mindfulness Personal Development Personal Transformation Meditation 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 Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Data Science
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
2021-01-28 05:31:00
30-Day Money-Back Guarantee
Development Web Development

Web Development HTML CSS & JS a 2021 Beginner to Advance

HTML5 CSS3 SASS and JavaScript Modern Responsive websites using CSS Flexbox & CSS Grid, Manipulate the DOM & send JSON
Rating: 3.8 out of 53.8 (77 ratings)
3,404 students
Created by Norbert B. Menyhart
Last updated 12/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • HTML5 Boilerplate, Semantic Layout and essential Tags
  • CSS Fundamentals including FlexBox and CSS Grid
  • CSS3 Variables, Transitions, Dropdowns, Overlays & More
  • JavaScript
  • Create static HTML and CSS Landing pages
  • SASS with advance CSS technology
  • Flexbox & CSS Grid Projects
  • Web Development
  • Front End Web Development
  • Create a beautiful, responsive landing page for a startup
  • Use common JS data structures like Arrays and Objects
  • Manipulate the DOM with vanilla JS
  • Write Javascript functions, and understand scope and higher order functions
  • Create static HTML and CSS portfolio sites and landing pages
  • Learn to organize your code and become a professional web developer
  • Learn HTML essentials
  • Learn CSS essentials
  • Learn JS essentials

Course content

18 sections • 132 lectures • 25h 3m total length

  • Preview02:23

  • Preview03:24
  • Preview02:21
  • Test Your Mind
    1 question
  • Preview08:20
  • Preview15:21
  • Preview03:41
  • Test Your Mind
    1 question
  • Preview05:16
  • Test Your Mind
    2 questions
  • Preview09:12
  • Preview12:42

  • Test Your Might
    28 questions

  • Preview00:51
  • HTML5-CSS3 - Code Editor
    11:21
  • HTML5-CSS3 - Attributes
    10:56
  • HTML5-CSS3 - Table
    16:04
  • HTML5-CSS3 - Divs and Spans
    10:35
  • HTML5-CSS3 - Forms
    02:48
  • HTML5-CSS3 - Input
    10:24
  • HTML5-CSS3 - Labels
    04:06
  • HTML5-CSS3 - Simple Form Validations
    04:25
  • HTML5-CSS3 - Dropdown and Radio Buttons
    16:19
  • HTML5-CSS3 - Form Example and Recap
    03:10
  • Test Your Might - HTML5-CSS3 - Form Exercise
    1 question
  • HTML5-CSS3 - Form Solution
    28:54
  • Test Your Might - HTML5-CSS3-List And Text Assignment
    1 question
  • HTML5-CSS3-List And Text Solution
    07:08
  • HTML5-CSS3-List And Text Page Extension
    06:52
  • HTML5-CSS3-Linking CSS to HTML
    06:06
  • HTML5-CSS3-Selectors
    10:42
  • HTML5-CSS3-Text Formatting
    19:34
  • HTML5-CSS3-Colors
    10:56
  • HTML5 CSS3 Color Gradient
    00:00

  • Preview07:37
  • HTML5-CSS3-Box Model-Border Radius
    07:35
  • Border Radius Tricks and Tips
    00:00
  • HTML5-CSS3-Box Model-Box-Shadow
    14:38
  • Box Shadow Tricks and Tips
    00:00
  • HTML5 & CSS 3 - Advanced Selectors And !Important
    12:03
  • HTML5 & CSS 3 - AS-Pseudo - Classes:Root
    11:45
  • HTML5-CSS3-AdcancedSelector-Hover
    20:59
  • HTML5-CSS3-AdcancedSelector-Focus
    03:28
  • HTML5-CSS3-AdcancedSelector-Enabled-Disabled
    05:44
  • HTML5-CSS3-AdcancedSelector-Checked
    04:27
  • HTML5-CSS3-AdcancedSelector-Child
    04:34
  • HTML5CSS 3-AS-Pseudo-Elements
    14:52

  • HTML5 Semantic elements Test Your Might!
    13 questions

  • Preview02:54
  • Advance CSS3-FlexBox-Displaying Flex & Flex Direction
    07:46
  • Advance CSS3-FlexBox-Flex-Wrap
    02:55
  • Advance CSS3-FlexBox-Justify-Content
    05:06
  • Advance CSS3-FlexBox-Align-Items and Content
    09:05
  • Project-FlexBox-Landing Page-Introduction
    01:42
  • Project-FlexBox-LP-Laying Plans
    09:47
  • Project-FlexBox-LP-Navigation
    08:19
  • Project-FlexBox-LP-Header
    09:59
  • Project-FlexBox-LP-Portfolio
    06:03
  • Project-FlexBox-LP-About
    12:55
  • Project-FlexBox-LP-Contact
    13:58
  • Project-FlexBox-LP-Footer And Adjustments
    11:36
  • Project FlexBox-LP Resources
    00:01

  • Preview02:13
  • Grid Components
    05:40
  • Grid Template Columns and Rows
    12:43
  • Grid Template Areas
    12:09
  • Grid Template
    08:21
  • Grid Gaps
    03:36
  • Grid-Justify-Items
    04:08
  • Grid-Align-Items
    03:10
  • Grid-Justify-Content
    04:07
  • Grid-Auto
    04:51
  • Grid layout Landing Page-Introduction
    02:11
  • Grid-LP-Laying Plans
    04:07
  • Grid-LP-Boiler Plate
    09:37
  • Grid-LP-Menu
    13:15
  • Grid-LP-Header
    12:41
  • Grid-LP-Services
    08:36
  • Grid-LP-Portfolio
    05:48
  • Grid-LP-About
    16:14
  • Grid-LP-Contact
    08:24
  • Grid-LP-Footer
    11:26

  • At-Rules: Import, Media, Keyframe
    31:34

  • CSS Practice Projects -1
    50:03

Requirements

  • Basic PC/Mac Knowledge
  • Beginner Curiosity

Description

This is a beginner friendly course. This course will tech you the Foundations of Web Development. This a more practical orientate Course. Aldo we will start up slow with some basic definitions, the main focus here is to have as much as possible hands on experience. Learning by doing is the key word. That means Examples, Assignments and Exercises!

At this point I would like to invite you to join me on this journey and enrich yourself with the foundations of web development. In this Course You will learn Modern HTML 5, CSS 3, and JavaScript, and through applying them you will be able to building from Easy to progressively more complex responsive Responsive Web Pages.

Throughout the course we cover tons of tools and technologies including:

  • HTML5

  • CSS3

  • CSS FelxBox

  • CSS Grid Layout

  • Projects

  • SASS

  • JavaScript

  • DOM Manipulation

  • JSON

  • Projects , Projects and more Projects :)


Two Important Notes about this Course:

1. This is a hands-on Learning by doing Course. This means that we are going to start up Slowly with basic definitions in HTML and CSS and then we will combine them together by building the structure and applying design to our sites. After that we will apply JS in order to make the Site do Thinks.


2. Is that I will be constantly Updating the Content with New Documentation, Examples and Exercises in order to bring you as much value as possible. So you can always lean beck on this Course if you want to refresh your memory about something.


Bonus!

3. The most important thing the you need to know in life is where to find the information you need!


Who this course is for:

  • Beginner Web Developers
  • Beginner Web Designers
  • Beginner HTML
  • Beginner CSS
  • Beginner SASS / SCSS
  • Beginner JavaScript

Instructor

Norbert B. Menyhart
"Knowledge is Power" Acquire Knowledge by Learning!
Norbert B. Menyhart
  • 3.9 Instructor Rating
  • 123 Reviews
  • 5,894 Students
  • 5 Courses

Hi I am a Self-taught Web Developer and I am on a constant journey for knowledge which I hope will never end. On my journey I let myself be guided by 3 basic principles: "Be like Water", "A Healthy Mind in a Healthy Body" and "Knowledge is Power".

* "Be like Water " = Adapt to your Environment.

* "A Healthy Mind in a Healthy Body " = Stay both  mentally and physical fit.

* "Knowledge is Power " = Never stop learning new things. New stop being curios. always ask questions. And Apply the knowledge you gathered.

Join me on this journey and constantly evolve yourself. Enrich your Knowledge with the foundations of Web Development by learning HTMNL5, CSS3 and JavaScript and Applying them through Building from Easy to progressively more complex Responsive Web Pages.

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