Udemy - HTML5 Mastery - Build Superior Websites &
Mobile Apps NEW 2019 Course

443


Easily build 25 websites and mobile apps (including Virtual Reality and Play Store apps) with HTML5, CSS3, & JavaScript
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
Course content

– Welcome

  • Introduction
  • OPTIONAL: Set up your Coding Environment
  • OPTIONAL: How This Course Is Structured
  • OPTIONAL: What Can You Do With HTML5?
  • PROJECT: Your First HTML5 Project
  • Test on Your Mobile Phone in Seconds
  • Create a VR Experience with HTML5
  • Finish Your First Mobile App
– Get Started with HTML
  • Introduction
  • Code HTML with Valid Syntax
  • Validate Your Code
  • PROJECT: Create a News Article
  • Render Text with Block Elements
  • Specify Semantics for Words and Phrases
  • Relate Your Data with Lists
  • Group Elements in Containers
  • EXERCISE: Create Semantic HTML5 Content
  • OPTIONAL: EXERCISE REVIEW
  • Recap
– Add Images, Videos & Rich Content
  • Introduction
  • PROJECT: Create an Album for Your Social Event
  • Prepare Your Images for the Web
  • Render Photos and Images
  • Create an Audio Player
  • Create a Video Player
  • Customize a Video Player
  • Render Data Tables
  • Recap
– Style and Design with CSS
  • Introduction
  • PROJECT: Create Your First Blog
  • Apply Basic Styles
  • Target HTML Tags with Selectors
  • Add Margins and Borders
  • Style Text and Colors
  • Layout Images and Tables
  • Layout Lists with Flexbox
  • Add Background Images
  • Recap
– Add Links, Actions & External Content
  • Introduction
  • PROJECT: Create a Company Website
  • Links Explained
  • URLs Explained
  • Advanced Link Options
  • Embed Videos and Content
  • PROJECT: Create Your Personal Activity Home Screen
  • Open Native Apps on Mobile Devices: Maps and Navigation
  • Open Messaging, Phone Call and Social Apps
  • Recap
– Publish Your Work
  • Introduction
  • Select a Provider and a Public URL
  • Track Your Visits with Analytics
  • Publish on Firebase for Free
  • Publish on an FTP Server
  • Distribute QR Codes & Physical Web Beacons
  • Recap
– Add Interaction with Social Networks
  • Introduction
  • PROJECT: Make a City Guide
  • Make Your Content Shareable
  • Integrate with Facebook
  • Integrate with Twitter
  • Work with WhatsApp & Other Social Networks
  • Recap
– Optimize for Mobile Devices
  • Introduction
  • PROJECT: Create a Restaurant Menu App
  • Code Basic Mobile Optimizations
  • Optimize for iPhone and iPad
  • Optimize for Android
  • Add Sticky Headers
  • Work with High-Resolution Displays
  • Recap
– Create Interactive Forms
  • Introduction
  • PROJECT: Create an E-commerce Site
  • Design the Basic Form Layout
  • Add Validation and Styles
  • Use Advanced Input Types
  • Add Drop Down Menus
  • Send the Form
  • Recap
– Add Interactivity with JavaScript
  • Introduction
  • PROJECT: Create a Shopping Cart
  • Program Your HTML with JavaScript
  • Handle Events with Listeners
  • Manipulate Elements and Styles
  • Recap
– Animate Your Content
  • Introduction
  • PROJECT: Design Your Own Ad Banners
  • Work with Visibility
  • Create Basic Transitions
  • Add 2D Transformations
  • Create Keyframe Animations
  • Recap
– Use Geolocation and Maps
  • Introduction
  • PROJECT: Create Your Own Yelp-like Business Locator
  • Geolocation Explained
  • Acquire User's Location
  • Display a Map with Markers
  • Calculate Distances
  • Recap
– Use Responsive Web Design
  • Introduction
  • PROJECT: Create Your Personal Portfolio
  • Adaptive Web vs. Responsive Web
  • Use Basic Media Queries
  • Apply Media Queries for Mobile Devices
  • Add Responsive Images
  • Recap
– Use Mobile Sensors, Touch and Voice
  • Introduction
  • PROJECT: Create a Digital Compass
  • PROJECT: Play with a Gravity Level App
  • PROJECT: Create a Cooking App
  • Read Battery Level
  • Work with Touch
  • Vibrate the Phone
  • Talk to the User
  • Recap
– Use the Camera
  • Introduction
  • PROJECT: Generate a QR Code Reader
  • Take Still Pictures and Videos
  • Stream Video From the Camera
  • Recap
– Create Virtual Reality and 360 Experiences
  • Introduction
  • VR Headsets and Browsers
  • PROJECT: Create a 360 Viewer
  • Take 360 Pictures and 360 Videos
  • Embed 360 Content in HTML5
  • PROJECT: Create a VR Photo Album
  • Introduction to WebVR
  • Create a VR World Using A-frame
  • Recap
– Save Data Locally
  • Introduction
  • PROJECT: Create an Auto-Save Form
  • Store and Retrieve Data
  • Persist Data with LocalStorage
  • Auto-Save a Form
  • PROJECT: Create a Secret Data Vault
  • Use Databases with IndexedDB and Dexie
  • Read Data from a Data Store
  • Update and Delete Data
  • Recap
– Save Data Remotely
  • Introduction
  • PROJECT: Create Your Own Instagram App
  • Set Up Google Firebase
  • Authenticate Your Users
  • Save Data in the Cloud
  • Store Objects in the Cloud
  • Retrieve Data
  • Recap
– Consume Data from Services
  • Introduction
  • PROJECT: Create Your Own Weather Application
  • AJAX Explained
  • Fetch Data from a Remote Service
  • Parse Data with JSON
  • Recap
– Create Progressive Web Apps
  • Introduction
  • Progressive Web Apps Explained
  • PWA Examples in Action
  • PROJECT: Create a Pokémon Go-like App
  • Create the Web App iOS Meta Tags
  • Create the Web App Manifest
  • Test Your PWA with Lighthouse
  • Recap
– Serve Users While Offline
  • Introduction
  • PROJECT: Make an Offline SketchGo Experience
  • Detect Offline and Network Status
  • Service Workers Explained
  • Prepare Assets for Offline Support
  • Recap
– Conclusion
  • What's Next?
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
  • 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.

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.

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.

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.
udemy html5 and css3, udemy html5 video player, udemy html5 and css3 free, udemy html5 game development, udemy html5 canvas, udemy html5 css3 javascript, udemy html5 player, udemy - html5 for beginners, udemy html5 video, udemy html5 free, udemy html5 and css3 for beginners, udemy - complete html5 and css3 course, udemy html5 mobile web app development, udemy - css3 & html5 boot camp, udemy html5 css3, udemy html5 course, udemy - web-development-html5-css3-php-oop-and-mysql-database, projects in html5 udemy download, udemy - html5 getting smart with html5, udemy projects in html5, udemy learn html5 programming from scratch, udemy html5 tutorial, udemy html5 y css3, basics of html5 and css3, best html udemy, build responsive real world websites with html5 and css3, coding for web design, css3 basics, html5, html5 and css3 tutorial for beginners, html5 basics for beginners, html5 course, html5 jquery, html5 programming, html5 training, html5 tutorial, html5 tutorial for beginners, html5 udemy, learn html, learn html free, learn html5, learn html5 and css3, udacity html5, udemy bootstrap, udemy courses, udemy free, udemy free courses, udemy html5, udemy javascript free, udemy online courses, udemy video, udemy web design, udemy web developer bootcamp, udemy web development, udemy web development bootcamp
Author
murugans1011
Downloads
42
Views
408
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from murugans1011

Share this resource

Top