Mô tả

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

Bạn sẽ học được gì

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

Yêu cầu

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

Nội dung khoá học

22 sections

Welcome!

8 lectures
Introduction
03: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
Test on Your Mobile Phone in Seconds
04:48
Create a VR Experience with HTML5
02:45
Finish Your First Mobile App
06:09

Get Started with HTML

11 lectures
Introduction
01:13
Code HTML with Valid Syntax
10: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

Add Images, Videos & Rich Content

9 lectures
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
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
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
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
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
Introduction
01:07
PROJECT: Create a Restaurant Menu App
01: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

Create Interactive Forms

8 lectures
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
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

Animate Your Content

7 lectures
Introduction
01:11
PROJECT: Design Your Own Ad Banners
00:55
Work with Visibility
05:39
Create Basic Transitions
07:05
Add 2D Transformations
06:20
Create Keyframe Animations
08:02
Recap
01:43

Use Geolocation and Maps

7 lectures
Introduction
00:54
PROJECT: Create Your Own Yelp-like Business Locator
03:24
Geolocation Explained
06:07
Acquire User's Location
07:01
Display a Map with Markers
05:47
Calculate Distances
05:57
Recap
01:40

Use Responsive Web Design

7 lectures
Introduction
01:33
PROJECT: Create Your Personal Portfolio
03:09
Adaptive Web vs. Responsive Web
10:36
Use Basic Media Queries
10:37
Apply Media Queries for Mobile Devices
05:20
Add Responsive Images
05:54
Recap
01:45

Use Mobile Sensors, Touch and Voice

9 lectures
Introduction
01:21
PROJECT: Create a Digital Compass
03:29
PROJECT: Play with a Gravity Level App
06:57
PROJECT: Create a Cooking App
02:24
Read Battery Level
04:37
Work with Touch
09:57
Vibrate the Phone
02:51
Talk to the User
07:01
Recap
00:52

Use the Camera

5 lectures
Introduction
00:58
PROJECT: Generate a QR Code Reader
02:22
Take Still Pictures and Videos
07:44
Stream Video From the Camera
05:46
Recap
01:25

Create Virtual Reality and 360 Experiences

9 lectures
Introduction
00:55
VR Headsets and Browsers
08:41
PROJECT: Create a 360 Viewer
01:20
Take 360 Pictures and 360 Videos
04:31
Embed 360 Content in HTML5
06:32
PROJECT: Create a VR Photo Album
02:06
Introduction to WebVR
03:18
Create a VR World Using A-frame
06:36
Recap
01:18

Save Data Locally

10 lectures
Introduction
00:41
PROJECT: Create an Auto-Save Form
01:22
Store and Retrieve Data
06:30
Persist Data with LocalStorage
06:20
Auto-Save a Form
03:34
PROJECT: Create a Secret Data Vault
02:09
Use Databases with IndexedDB and Dexie
10:28
Read Data from a Data Store
08:13
Update and Delete Data
04:42
Recap
01:36

Save Data Remotely

8 lectures
Introduction
00:49
PROJECT: Create Your Own Instagram App
03:48
Set Up Google Firebase
01:45
Authenticate Your Users
12:45
Save Data in the Cloud
09:52
Store Objects in the Cloud
04:10
Retrieve Data
11:38
Recap
01:36

Consume Data from Services

6 lectures
Introduction
00:51
PROJECT: Create Your Own Weather Application
01:45
AJAX Explained
06:40
Fetch Data from a Remote Service
07:00
Parse Data with JSON
07:43
Recap
00:50

Create Progressive Web Apps

9 lectures
Introduction
01:08
Learn PWA! Basics
08:10
Progressive Web Apps Explained
08:50
PWA Examples in Action
04:36
PROJECT: Create a Pokémon Go-like App
04:53
Create the Web App iOS Meta Tags
04:34
Create the Web App Manifest
07:21
Validate Your PWA with Lighthouse
03:31
Recap
01:18

Serve Users While Offline

6 lectures
Introduction
01:17
PROJECT: Make an Offline SketchGo Experience
01:01
Detect Offline and Network Status
05:07
Service Workers Explained
06:43
Prepare Assets for Offline Support
05:11
Recap
01:06

Conclusion

1 lectures
What's Next?
01:41

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.