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 CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift 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 Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-04-01 21:20:22
30-Day Money-Back Guarantee
Development Web Development HTML5

HTML5 and CSS3 Certification Training [2021 Edition]

Become a Web Developer / Web Designer / Front End Engineer /Architect with this comprehensive training on HTML5 and CSS3
Rating: 3.5 out of 53.5 (200 ratings)
39,756 students
Created by Uplatz Training
Last updated 3/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Become a Full Stack Web Developer / Designer / Front-end Engineer
  • Downloadable booklet on HTML5 and CSS Interview Questions and Answers
  • 100+ downloadable HTML code files for practice
  • Deep knowledge of HTML5 and CSS3 with practical application projects
  • Setting up a website environment
  • Understand in detail the programming constructs of HTML5 and CSS3
  • Create a proper HTML5 scaffolding for the type of application that you’re creating
  • Differences on using HTML5 for web and mobile
  • How to correctly markup text so that it is sized properly for various screen sizes and densities
  • What is HTML, Difference between HTML and HTML5, Doctypes, Headings, Paragraphs, Text Formatting, Anchors and Hyperlinks, Tables, Lists
  • Classes and IDs, Data Attributes, Linking Resources, Include JavaScript Code in HTML
  • How to create usable, functional forms to gather data from your users
  • What is CSS and how is it used? What is CSS3?
  • Using HTML with CSS, Images, Image Maps, Input Control Elements
  • CSS Rules, Advanced CSS
  • Forms, Div Element, Sectioning Elements
  • Navigation Bars, Label Elements, Output Elements, Video and Media Elements, Progress Elements, Selection Menu Elements, Embed
  • iframes, Content Languages, SVG, Canvas, Meta Information, Marking up computer code, Marking-up Quotes
  • How to embed iFrame content from outside sources and make it fit seamlessly into your HTML5 page
  • Tabindex, Global Attributes, HTML5 Cache, HTML Event Attributes, Character Entities, ARIA
  • Responsive Web Design, Media Query, HTML Symbols, HTML WebWorkers, HTML WebStorage
  • Changing CSS with JavaScript, Structure and Formatting of a CSS Rule, Comments, Selectors
  • Strategically use HTML5 comments to document your code
  • Background Color, Background Gradients, Background Image, Background Shorthand, Background Position, Background Size, Multiple Background Image
  • Centering, Using Flexbox, Using CSS transform, Box Model, Box Sizing
  • Margin, Padding, Border, Outlines
  • Overflow, Floats, Font Size, Text Transform, Flexible Box Layout (Flexbox)
  • Cascading and Specificity, Colors, Opacity, Length Units, Pseudo-Elements & Positioning
  • Grid, Tables Transitions, & Animation, 2D Transforms & 3D Transforms, Filter Property, Box-shadow
  • How to integrate multimedia elements such as audio, video and animations into your HTML5 content
  • Shapes for Floats, List Styles, Counters, Functions, Single Element Shapes, Columns, Inline-Block Layout, CSS Image Sprites

Course content

17 sections • 17 lectures • 11h 4m total length

  • Preview49:14

  • Classes and IDs, Including JavaScript code in HTML, Data Attributes, Resources
    46:19

  • Using HTML with CSS, Images, Image Maps, Input Control Elements
    39:50

  • Input Control Elements, Forms, Div Element, Sectioning Elements
    46:44

  • Navigation Bars, Label Elements, Output Elements, Video & Media Elements, Embed
    45:05

  • iframes, Content Languages, SVG, Canvas, Meta Info, Marking up Code & Quotes
    38:32

  • Tabindex, Global Attributes, HTML5 Cache, HTML Event Attribues, Character Entity
    35:22

  • ARIA, Responsive Web Design, Media Query, HTML Symbols, WebWorkers, WebStorage
    38:40

  • Changing CSS with JavaScript, Structure & Formatting of a CSS Rule, Selectors
    49:30

  • Background Color, Gradients, Image, Shorthand, Position, Size. Multiple Bg Image
    34:46

Requirements

  • Enthusiasm and determination to make your mark on the world!

Description

HTML is a markup language that forms a base for any website on the Internet.

HTML5 is the latest version of HTML, finalized in 2014.

HTML 1 was created by a CERN scientist Tim Berners-Lee. His initial goal was an Internet-based hypertext system that allows sharing and using documents in different computers. Introduced in 1991, HTML 1 only had 18 tags, most of them based on the Standard Generalized Markup Language (SGML). HTML 2 was presented in 1995 and had a few more features.

The draft of HTML 3 was abandoned due to slow implementation of the newly created tags. Therefore, the World Wide Web Consortium set out to standardize HTML. In 1997, HTML 3.2 was released which became a standard at the time. HTML 4 was a large step, as it separated styling from coding, leaving the former to CSS. A revised version called HTML 4.01 came out in 1999, correcting minor mistakes found in HTML 4.0 and introducing a few handy features. HTML 5 is the HTML as we know it today.

To create polished and well-functioning websites, you will need CSS and JavaScript. However, to make them work as intended, you need to first understand what is HTML. Just like a house has a foundation, a web page has its base in HTML.


HTML5 Benefits

  • Addressing The Flash Problem

  • Richer Websites

  • Better Semantic Markup

  • HTML5 is highly flexible and supported on all browsers

  • User friendly and an open technology.

  • Better performance


Cascading Style Sheets, referred to as CSS, is a simple design language intended to simplify the process of making web pages presentable. It allows you to create great-looking web pages.

CSS handles the look and feel part of a web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between paragraphs, how columns are sized and laid out, what background images or colors are used, layout designs, variations in display for different devices and screen sizes as well as a variety of other effects.

CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML document. Most commonly, CSS is combined with the markup languages HTML or XHTML.

In simple words, CSS is the technology that allows us to create beautiful, maintainable and flexible designs. It controls formatting, presentation and the overall layout of websites. A main reason we use CSS isn't only to create flexible, maintainable website designs, but also to keep content separate from presentation, which is a best practice. It's also much easier for human eyes to read what's happening in the HTML if there aren't styles thrown in too.

CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2. 1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts.


Benefits of CSS

  • CSS saves time − You can write CSS once and then reuse same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many Web pages as you want.

  • Pages load faster − If you are using CSS, you do not need to write HTML tag attributes every time. Just write one CSS rule of a tag and apply it to all the occurrences of that tag. So less code means faster download times.

  • Easy maintenance − To make a global change, simply change the style, and all elements in all the web pages will be updated automatically.

  • Superior styles to HTML − CSS has a much wider array of attributes than HTML, so you can give a far better look to your HTML page in comparison to HTML attributes.

  • Multiple Device Compatibility − Style sheets allow content to be optimized for more than one type of device. By using the same HTML document, different versions of a website can be presented for handheld devices such as PDAs and cell phones or for printing.

  • Global web standards − Now HTML attributes are being deprecated and it is being recommended to use CSS. So its a good idea to start using CSS in all the HTML pages to make them compatible to future browsers.


HTML5 and CSS3 - Course Syllabus


HTML5

Introduction

  • History of HTML

  • What you need to do to get going and make your first HTML page

  • What are HTML Tags and Attributes?

  • HTML Tag vs. Element

  • HTML Attributes

  • How to differentiate HTML Document Versions

HTML - Basic Formatting Tag

  • HTML Basic Tags

  • HTML Formatting Tags

  • HTML Color Coding

HTML - Grouping Using Div Span

The HTML div and span element is the generic container for flow content and does not inherently represent anything. Use it to group elements for purposes such as styling (using the class or id attributes), and inline level and block level separation.

  • Div and Span Tags for Grouping

HTML - Lists

The HTML li element is used to represent an item in a list. It must be contained in a parent

element: an ordered list (ol), an unordered list (ul), or a menu (menu). In menus and unordered lists,

list items are usually displayed using bullet points, now we are going to check how to use html list.

  • Unordered Lists

  • Ordered Lists

  • Definition list

HTML - Images

  • Creating an image

  • Choosing alt text

  • Responsive image using the srcset attribute

  • Responsive image using picture element

HTML - Hyperlink & Anchors

  • Link to another site

  • Link to an anchor link to a page on the same site Link that dials a number

  • Open link in new tab/window

  • Link that runs JavaScript Link that runs email client

HTML - Tables

  • Simple Table

  • Spanning columns or rows

  • Column Groups

  • Table with thead, tbody, tfoot

  • Heading scope

HTML - iframe

The HTML iframe element represents a nested browsing context, effectively embedding another HTML page into the current page. This module will help you make use of iframe tag.

  • Attributes Using

  • iframe as the Target

HTML - Forms

  • Submitting

  • Target attribute in form tag

  • Uploading Files

  • Grouping a few input fields

HTML - Headers

The HTML <head> element provides general information (metadata) about the document,

including its title and links to its scripts and style sheets.

  • Title

  • Base

  • Link

  • Styles

  • Script

HTML - Miscellaneous

The HTML Meta element represents metadata that cannot be represented by other HTML

meta-related elements, like base, link, script, style or title. This module will help you learn:

  • Meta

  • Tags, xhtml and deprecated tags

  • HTML Meta Tag

  • XHTML

  • HTML Deprecated Tags & Attributes


CSS3

CSS Introduction

  • CSS Syntax

  • CSS Id & Class

  • CSS Styling

  • Styling Backgrounds

  • Styling Text

  • Styling Fonts

  • Styling Links

  • Styling Lists

  • Styling Tables

  • CSS Box Model

  • CSS Border

  • CSS Outline

  • CSS Margin

  • CSS Padding

  • CSS Advanced

  • CSS Grouping/Nesting

  • CSS Dimension

  • CSS Display

  • CSS Positioning

  • CSS Floating

  • CSS Align

  • CSS Navigation Bar

  • CSS Image Gallery

  • CSS Image Opacity

  • CSS Image Sprites

  • CSS Media Types

Selectors and Pseudo Classes

  • Attribute Selectors

  • The Target Pseudo-Class

  • UI Element States Pseudo-Classes

  • Negation Pseudo-Class

  • Structural Pseudo-Classes

Practical Demo and FAQ

Interview Questions and Answers

Who this course is for:

  • Anyone who wishes to make a career as Web Developer / Designer
  • Full Stack Web Developers and Engineers
  • Front End Engineers
  • Web Developers - JavaScript, jQuery, HTML5, CSS
  • UX/UI Developers & Designers
  • Solution Architects - JavaScript, HTML5, CSS3
  • HTML5 JavaScript / TypeScript Game Developers
  • Mobile App Designers & Developers
  • Software Developers (C#, ASP dotNET, MVC, HTML, CSS, Javascript)

Instructor

Uplatz Training
Fastest growing Global IT Training Provider
Uplatz Training
  • 3.9 Instructor Rating
  • 6,045 Reviews
  • 302,841 Students
  • 99 Courses

Uplatz is UK-based leading IT Training provider serving students across the globe. Our uniqueness comes from the fact that we provide online training courses at a fraction of the average cost of these courses in the market.

Over a short span of 3 years, Uplatz has grown massively to become a truly global IT training provider with a wide range of career-oriented courses on cutting-edge technologies and software programming.

Our specialization includes Data Science, Data Engineering, SAP, Oracle, Salesforce, AWS, Microsoft Azure, Google Cloud, IBM Cloud, SAS, Python, R, JavaScript, Java, Full Stack Web Development, Mobile App Development, BI & Visualization, Tableau, Power BI, Spotfire, Data warehousing, ETL tools, Informatica, IBM Data Stage, Digital Marketing, Agile, DevOps, and more.

Founded in March 2017, Uplatz has seen phenomenal rise in the training industry starting with an online course on SAP FICO and now providing training on 5000+ courses across 103 countries having served 300,000 students in a period of just 3 years.

Uplatz's training courses are highly structured, subject-focused, and job-oriented with strong emphasis on practice and assignments. Our courses are designed and taught by more than a thousand highly skilled and experienced tutors who have strong expertise in their areas whether it be AWS, Azure, Adobe, SAP, Oracle, or any other technology or in-demand software.

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