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
2021-02-09 21:40:35
30-Day Money-Back Guarantee
Development Web Development HTML5

HTML5 Mastery—Build Superior Websites & Mobile Apps NEW 2021

Easily build 25 websites and apps (including Virtual Reality, iPhone and Android apps) with HTML5, CSS, & JavaScript
Rating: 4.7 out of 54.7 (1,096 ratings)
7,042 students
Created by Maximiliano Firtman
Last updated 2/2021
English
30-Day Money-Back Guarantee

What you'll learn

  • Master HTML5 Web and App Development from beginner-level to expert
  • Create your own mobile web apps with hardware and offline access
  • Explore the newest HTML5 techniques for mobile-devices
  • Discover the worlds of Virtual Reality (VR) and social networks with HTML5
  • Reach a wider global audience creating Installed Progressive Web Apps
Curated for the Udemy for Business collection

Course content

22 sections • 167 lectures • 14h 32m total length

  • Preview03:55
  • OPTIONAL: Set up your Coding Environment
    01:08
  • OPTIONAL: How This Course Is Structured
    00:28
  • OPTIONAL: What Can You Do With HTML5?
    07:21
  • PROJECT: Your First HTML5 Project
    06:30
  • Preview04:48
  • Create a VR Experience with HTML5
    02:45
  • Finish Your First Mobile App
    06:09

  • Preview01:13
  • Code HTML with Valid Syntax
    Preview10:46
  • Validate Your Code
    04:34
  • PROJECT: Create a News Article
    01:38
  • Render Text with Block Elements
    10:05
  • Specify Semantics for Words and Phrases
    10:30
  • Relate Your Data with Lists
    08:33
  • Group Elements in Containers
    09:41
  • EXERCISE: Create Semantic HTML5 Content
    01:39
  • OPTIONAL: EXERCISE REVIEW
    19:07
  • Recap
    01:29

  • Introduction
    00:33
  • PROJECT: Create an Album for Your Social Event
    01:58
  • Prepare Your Images for the Web
    12:20
  • Render Photos and Images
    12:19
  • Create an Audio Player
    06:51
  • Create a Video Player
    06:56
  • Customize a Video Player
    08:33
  • Render Data Tables
    08:20
  • Recap
    00:38

  • Introduction
    01:13
  • PROJECT: Create Your First Blog
    03:56
  • Apply Basic Styles
    10:35
  • Target HTML Tags with Selectors
    13:12
  • Add Margins and Borders
    08:45
  • Style Text and Colors
    09:00
  • Layout Images and Tables
    12:35
  • Layout Lists with Flexbox
    09:48
  • Add Background Images
    06:09
  • Recap
    01:47

  • Introduction
    01:30
  • PROJECT: Create a Company Website
    01:09
  • Links Explained
    12:56
  • URLs Explained
    09:12
  • Advanced Link Options
    07:11
  • Embed Videos and Content
    08:46
  • PROJECT: Create Your Personal Activity Home Screen
    10:32
  • Open Native Apps on Mobile Devices: Maps and Navigation
    10:36
  • Open Messaging, Phone Call and Social Apps
    08:38
  • Recap
    00:44

  • Introduction
    01:13
  • Select a Provider and a Public URL
    06:17
  • Track Your Visits with Analytics
    05:31
  • Publish on Firebase for Free
    10:00
  • Publish on an FTP Server
    03:11
  • Distribute QR Codes & Physical Web Beacons
    05:05
  • Recap
    01:26

  • Introduction
    01:16
  • PROJECT: Make a City Guide
    01:11
  • Make Your Content Shareable
    10:47
  • Integrate with Facebook
    08:52
  • Integrate with Twitter
    02:28
  • Work with WhatsApp & Other Social Networks
    04:32
  • Recap
    01:29

  • Introduction
    01:07
  • Preview01:45
  • Code Basic Mobile Optimizations
    11:50
  • Optimize for iPhone and iPad
    07:46
  • Optimize for Android
    02:31
  • Add Sticky Headers
    08:37
  • Work with High-Resolution Displays
    08:38
  • Recap
    00:59

  • Introduction
    01:00
  • PROJECT: Create an E-commerce Site
    02:06
  • Design the Basic Form Layout
    11:05
  • Add Validation and Styles
    10:46
  • Use Advanced Input Types
    09:21
  • Add Drop Down Menus
    05:13
  • Send the Form
    03:38
  • Recap
    00:47

  • Introduction
    01:14
  • PROJECT: Create a Shopping Cart
    04:23
  • Program Your HTML with JavaScript
    07:10
  • Handle Events with Listeners
    10:16
  • Manipulate Elements and Styles
    10:27
  • Recap
    01:10

Requirements

  • Before taking this course you should know how to browse the Web on the computer and on your mobile device.
  • In this course, I will help you install the necessary software on your computer. It will be helpful if you are comfortable with installing your own software.
  • The ideal student would be passionate about learning new technologies and diving into hands-on projects.

Description

If you want to build cool stuff and are looking for a workshop-intensive experience to help you start on the path to becoming a web designer, web developer, or full-stack engineer, then this course is for you. This course introduces you to a solid foundation in HTML5, CSS3, and JavaScript before quickly ramping up your skillset to work with the most current technologies applied in today's market. In over 25 projects, learn how to create your own websites and mobile apps while working with GPS, Voice Recognition, Camera, Offline, VR and 360 experiences, and many more features.

In this course, you will:

  • Learn the basics of HTML5, CSS, and JavaScript APIs

  • Code and publish your apps with cloud-based databases and storage for free

  • Maximize your phone's hardware, including GPS, Voice Recognition, and the camera for your apps

  • Build your own Progressive Web Apps with an Installed Icon and offline immediate access

  • Publish your PWAs in the Google Play Store for Android and AppStore for iPhone and iPad, create desktop apps

  • Use social networks and sharing sites for embedding and sharing viral content

  • Create websites, apps, and VR experiences while coding your own projects

  • Integrate your work with Facebook, Twitter, Instagram, WhatsApp, Snapchat, YouTube, and Google Maps


A Unique HTML5 Course Using Only Cutting Edge Mobile-First Techniques

The challenge with learning HTML5 today is that most courses focus only on theory and cover every tag without seeing the big picture. However, in my course, you will code HTML, CSS, and JavaScript in more than 25 real-world projects that you can adapt to your needs, creating infinite combinations for your ideas, customers, or company. Additionally, you will have access to more than 50 exercises with working files, images and code ready to use and publish with your own content or services. In a special deal just for students in this course, I also provide a free service where you’ll be able to test your HTML5 code in your mobile phone without setting up any server or special configuration. You will be able to install a mobile app on your phone in just a few minutes!

Work alongside me on over 50 exercises and 25 real-world projects where you will build:

  • An Instagram-like Social Photo Sharing Network

  • A Yelp-like Business Locator using Geolocation and Maps

  • A Pokemon-Go-like Game with an Offline Installed Icon on Android and iPhone

  • A QR Code Reader, a Gravity Game, and Your Personal Activity Screen Launcher

  • An E-commerce Site with a Shopping Cart

  • Your Personal Portfolio Website

  • A 360 viewer and a VR experience for Oculus, Daydream, Cardboard, and Hololens

  • A Restaurant Menu App, a Hands-free Cooking App for Phones and Tablets, and a Blog


This course will cover topics that aren’t found in other HTML5 courses out there.  Learn with me as I discuss the components a successful HTML5 solution must have, including mobile optimizations, integration with social networks and native apps, offline access for poor cellular connections, database access, installed icons on iOS and Android and much more.

Why Learn from Me

In this course, you’ll only focus on Web and mobile solutions that are optimized for the best possible conversion and reach. That’s because I've been teaching these technologies for more than 20 years while creating real-world apps and websites for small and big companies around the world. I specialize in Mobile HTML5, Swift, Kotlin, iOS and Android development, Progressive Web Apps, and Web Performance, and I’ve led professional training sessions for companies such as Apple, PayPal, LinkedIn, Cisco, Intel, and HP. I’ve spent years distilling the knowledge I’ve written about in my published books, which are available in more than 13 translations in 100 countries.

Teaching people technical concepts is my life’s work, and I’ve uniquely designed this course so that you’ll create apps using only what’s important to actually know—not what the outdated books say and not covering legacy techniques that nobody uses anymore. You’ll get up and running with HTML5 in just a few hours, and you will be able to create and test your own apps on your mobile phone in the first few minutes of the course.

When you finish this course, you will receive a verifiable certificate of completion and the peace of mind knowing that you have mastered the most cutting-edge HTML5 techniques through hands-on learning and real-world projects.

Join me on this adventure today!  I’ll see you inside the course.

Who this course is for:

  • People who are interested in publishing their own websites and mobile apps
  • People interested in hands-on learning and writing their own solutions
  • Designers who have not worked with the Web for more than 5 years
  • This course is best suited for beginner-level students interested in the latest developments in HTML, CSS, and Javascript. Advanced-level web designers or developers creating their own web apps today will not be suited for this course.

Featured review

Jared Rentz
Jared Rentz
172 courses
50 reviews
Rating: 5.0 out of 59 months ago
Awesome course. The instructor jumps straight in and has you coding and making fun apps and sites in the first minutes. I highly recommend this course to anyone starting out or who may need a refresher.

Instructor

Maximiliano Firtman
mobile+web developer. O'Reilly book author-20 years teaching
Maximiliano Firtman
  • 4.7 Instructor Rating
  • 1,096 Reviews
  • 7,039 Students
  • 1 Course

Hi there, my name is Maximiliano.

I'm a mobile and web developer with over 24 years of experience creating apps and websites with Web technologies. I've also spent 20 years teaching Web development to beginners and advanced developers in more than 50 countries, from small groups of students to employees at big companies such as Apple, Yahoo!, PayPal or Intel. I've authored more than 10 books available in 13 languages, most recently Extreme Web Performance published by O'Reilly Media. In the last 15 years, I've traveled all over the world to more than 70 countries teaching and speaking about HTML5 and mobile technologies at conferences, workshops, tutorials, and IT events.

I’m excited to share all of my knowledge with you today. Join me on this amazing journey!

  • 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.