HTML5 Mastery—Build Superior Websites & Mobile Apps NEW 2017
4.6 (212 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,707 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML5 Mastery—Build Superior Websites & Mobile Apps NEW 2017 to your Wishlist.

Add to Wishlist

HTML5 Mastery—Build Superior Websites & Mobile Apps NEW 2017

Easily build 25 websites and mobile apps (including Virtual Reality and 360 experiences) with HTML5, CSS3, & JavaScript
4.6 (212 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,707 students enrolled
Last updated 8/2017
English
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 14.5 hours on-demand video
  • 3 Articles
  • 40 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
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 skill set 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
  • 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.

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 15 years while creating real world apps and websites for small and big companies around the world. I specialize in Mobile HTML5, Objective-C, Android development, 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 is the target audience?
  • 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
167 Lectures
14:32:57
+
Welcome!
8 Lectures 33:06

OPTIONAL: Set up your Coding Environment
01:09

OPTIONAL: How This Course Is Structured
00:28

OPTIONAL: What Can You Do With HTML5?
07:21

PROJECT: Your First HTML5 Project
06:30


Create a VR Experience with HTML5
02:45

Finish Your First Mobile App
06:09
+
Get Started with HTML
11 Lectures 01:19:23


Validate Your Code
04:34

Zip file with the files that you need to follow the projects in this Section. Download the file and unzip it a folder that you will use during this Section.

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:47

OPTIONAL: EXERCISE REVIEW
19:07

Recap
01:29
+
Add Images, Videos & Rich Content
9 Lectures 58:28
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
+
Style and Design with CSS
10 Lectures 01:17:00
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
+
Add Links, Actions & External Content
10 Lectures 01:11:14
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
+
Publish Your Work
7 Lectures 32:43
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
+
Add Interaction with Social Networks
7 Lectures 30:35
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
+
Optimize for Mobile Devices
8 Lectures 43:13
Introduction
01:07


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
+
Create Interactive Forms
8 Lectures 43:56
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
+
Add Interactivity with JavaScript
6 Lectures 34:40
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
12 More Sections
About the Instructor
Maximiliano Firtman
4.6 Average rating
212 Reviews
1,707 Students
1 Course
mobile+web developer. O'Reilly book author-15 years teaching

Hi there, my name is Maximiliano.

I'm a mobile and web developer with over 20 years of experience creating apps and websites with Web technologies. I've also spent 15 years teaching Web development to beginners and advanced developers in more than 40 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 High Performance Mobile Web published by O'Reilly Media. In the last 10 years, I've traveled all over the world to more than 55 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. Join me on this amazing journey.