English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 14.5 Hours | 2.68 GB
Easily build 25 websites and mobile apps (including Virtual Reality and Play Store apps) with HTML5, CSS3, & JavaScript
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
- Publish your PWAs in the Google Play Store for Android, develop iPhone, iPad and 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.
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 17 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.
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
Table of Contents
Welcome!
1 Introduction
2 OPTIONAL Set up your Coding Environment
3 OPTIONAL How This Course Is Structured
4 OPTIONAL What Can You Do With HTML5
5 PROJECT Your First HTML5 Project
6 Test on Your Mobile Phone in Seconds
7 Create a VR Experience with HTML5
8 Finish Your First Mobile App
Get Started with HTML
9 Introduction
10 OPTIONAL EXERCISE REVIEW
11 Recap
12 Code HTML with Valid Syntax
13 Validate Your Code
14 PROJECT Create a News Article
15 Render Text with Block Elements
16 Specify Semantics for Words and Phrases
17 Relate Your Data with Lists
18 Group Elements in Containers
19 EXERCISE Create Semantic HTML5 Content
Add Images, Videos & Rich Content
20 Introduction
21 PROJECT Create an Album for Your Social Event
22 Prepare Your Images for the Web
23 Render Photos and Images
24 Create an Audio Player
25 Create a Video Player
26 Customize a Video Player
27 Render Data Tables
28 Recap
Style and Design with CSS
29 Introduction
30 Recap
31 PROJECT Create Your First Blog
32 Apply Basic Styles
33 Target HTML Tags with Selectors
34 Add Margins and Borders
35 Style Text and Colors
36 Layout Images and Tables
37 Layout Lists with Flexbox
38 Add Background Images
Add Links, Actions & External Content
39 Introduction
40 Recap
41 PROJECT Create a Company Website
42 Links Explained
43 URLs Explained
44 Advanced Link Options
45 Embed Videos and Content
46 PROJECT Create Your Personal Activity Home Screen
47 Open Native Apps on Mobile Devices Maps and Navigation
48 Open Messaging, Phone Call and Social Apps
Publish Your Work
49 Introduction
50 Select a Provider and a Public URL
51 Track Your Visits with Analytics
52 Publish on Firebase for Free
53 Publish on an FTP Server
54 Distribute QR Codes & Physical Web Beacons
55 Recap
Add Interaction with Social Networks
56 Introduction
57 PROJECT Make a City Guide
58 Make Your Content Shareable
59 Integrate with Facebook
60 Integrate with Twitter
61 Work with WhatsApp & Other Social Networks
62 Recap
Optimize for Mobile Devices
63 Introduction
64 PROJECT Create a Restaurant Menu App
65 Code Basic Mobile Optimizations
66 Optimize for iPhone and iPad
67 Optimize for Android
68 Add Sticky Headers
69 Work with High-Resolution Displays
70 Recap
Create Interactive Forms
71 Introduction
72 PROJECT Create an E-commerce Site
73 Design the Basic Form Layout
74 Add Validation and Styles
75 Use Advanced Input Types
76 Add Drop Down Menus
77 Send the Form
78 Recap
Add Interactivity with JavaScript
79 Introduction
80 PROJECT Create a Shopping Cart
81 Program Your HTML with JavaScript
82 Handle Events with Listeners
83 Manipulate Elements and Styles
84 Recap
Animate Your Content
85 Introduction
86 PROJECT Design Your Own Ad Banners
87 Work with Visibility
88 Create Basic Transitions
89 Add 2D Transformations
90 Create Keyframe Animations
91 Recap
Use Geolocation and Maps
92 Introduction
93 PROJECT Create Your Own Yelp-like Business Locator
94 Geolocation Explained
95 Acquire User’s Location
96 Display a Map with Markers
97 Calculate Distances
98 Recap
Use Responsive Web Design
99 Introduction
100 PROJECT Create Your Personal Portfolio
101 Adaptive Web vs. Responsive Web
102 Use Basic Media Queries
103 Apply Media Queries for Mobile Devices
104 Add Responsive Images
105 Recap
Use Mobile Sensors, Touch and Voice
106 Introduction
107 PROJECT Create a Digital Compass
108 PROJECT Play with a Gravity Level App
109 PROJECT Create a Cooking App
110 Read Battery Level
111 Work with Touch
112 Vibrate the Phone
113 Talk to the User
114 Recap
Use the Camera
115 Introduction
116 PROJECT Generate a QR Code Reader
117 Take Still Pictures and Videos
118 Stream Video From the Camera
119 Recap
Create Virtual Reality and 360 Experiences
120 Introduction
121 VR Headsets and Browsers
122 PROJECT Create a 360 Viewer
123 Take 360 Pictures and 360 Videos
124 Embed 360 Content in HTML5
125 PROJECT Create a VR Photo Album
126 Introduction to WebVR
127 Create a VR World Using A-frame
128 Recap
Save Data Locally
129 Introduction
130 Recap
131 PROJECT Create an Auto-Save Form
132 Store and Retrieve Data
133 Persist Data with LocalStorage
134 Auto-Save a Form
135 PROJECT Create a Secret Data Vault
136 Use Databases with IndexedDB and Dexie
137 Read Data from a Data Store
138 Update and Delete Data
Save Data Remotely
139 Introduction
140 PROJECT Create Your Own Instagram App
141 Set Up Google Firebase
142 Authenticate Your Users
143 Save Data in the Cloud
144 Store Objects in the Cloud
145 Retrieve Data
146 Recap
Consume Data from Services
147 Introduction
148 PROJECT Create Your Own Weather Application
149 AJAX Explained
150 Fetch Data from a Remote Service
151 Parse Data with JSON
152 Recap
Create Progressive Web Apps
153 Introduction
154 Progressive Web Apps Explained
155 PWA Examples in Action
156 PROJECT Create a Pokémon Go-like App
157 Create the Web App iOS Meta Tags
158 Create the Web App Manifest
159 Test Your PWA with Lighthouse
160 Recap
Serve Users While Offline
161 Introduction
162 PROJECT Make an Offline SketchGo Experience
163 Detect Offline and Network Status
164 Service Workers Explained
165 Prepare Assets for Offline Support
166 Recap
Conclusion
167 What’s Next
Resolve the captcha to access the links!