KnowledgeHut, a sponsor of US Veteran PMP®️ training, welcomes veterans to the free PMP®️ training. Learn More

HTML5 & CSS3 Training in Seattle, WA, United States

HTML5 & CSS3 Training

  • 16 hours of Instructor led Training
  • Comprehensive hands-on with HTML5 & CSS3 features
  • Gain basic to intermediate web page development skills
  • Learn by doing, experience end-to-end development cycle
Group Discount

Overview

HTML and CSS for long have been the preferred choice for building websites because of the time and cost savings that businesses benefit when styling with these technologies, and also because of the amazing user experience that they offer. The latest versions of these, namely HTML5 and CSS3 have brought great advances in functionality and user experiences allowing users to create robust and stylish websites. With these two elements you can add great features like new form elements, audio/video support, canvas, real-time communication, local storage, drag and drop, layout, fonts, colors, shapes and so on.

Our course on HTML5 and CSS3 helps you understand all the facets of front end web development. This basic to intermediate tutorial covers all concepts of these two technologies that you need to create visually appealing and functionally superior web sites and enhance your business. Enrol today and learn to create advanced navigation with metadata, multimedia and other aspects of testing with live coding sessions.

What You Will Learn

  • Enhance your HTML5 and CSS3 programming skills.

  • Produce applications combining Canvas, images, and videos

  • Work with semantic HTML

  • Use CSS flexbox and CSS grid for flexible and responsive layouts

  • Enhance the richness of web page with CSS3 animations

  • Learn responsive web design basics with CSS media queries

  • Get introduced to JS heavy HTML5 features like websockets, local storage and Server sent events

Prerequisites

There are no prerequisites but basic JavaScript knowledge will be helpful.

Who Should Attend

  • Candidates who want to learn UI web development
  • Developers who intend to use HTML5 and CSS3 to build responsive web documents
  • All those who aspire to build a career in front end Web Application development

Knowledgehut Experience

Instructor-led Live Classroom

Interact with instructors in real-time— listen, learn, question and apply. Our instructors are industry experts and deliver hands-on learning.

Curriculum Designed by Experts

Our courseware is always current and updated with the latest tech advancements. Stay globally relevant and empower yourself with the latest tools and training.

Learn through Doing

Learn theory backed by practical case studies, exercises and coding practice. Get skills and knowledge that can be effectively applied in the real world.

Mentored by Industry Leaders

Learn from the best in the field. Our mentors are all experienced professionals in the fields they teach.

Advance from the Basics

Learn concepts from scratch, and advance your learning through step-by-step guidance on tools and techniques.

Code Reviews by Professionals

Get reviews and feedback on your final projects from professional developers.

Curriculum

Learning Objective:

By the end of this module you learn about the new features and some of the depreciated elements of HTML5.

  • New in HTML5
  • New DOCTYPE and Character Set
  • New and Depreciated Elements
  • Semantic Markup
  • Simplifying Selection using the Selectors API
  • JavaScript Logging and Debugging
  • Window.JSON
  • DOM Level

Learning Objective:

By the end of this module you will learn about the support of HTML5 features across different browsers and how to detect the feature existence.

  • Currently available features
  • Browser Support
  • Detective native availability of features
  • Working with emulation

Hands-on:

Create a web page that verifies the availability of new HTML5 features.

Learning Objective:

By the end of this module you will explore the enhanced tags of HTML with latest version and application of semantic tags to improve the readability of HTML page for non browser based programs.

  • HTML5 Page Structure
  • HTML5 DOCTYPE
  • HTML5 markup structural elements
  • Semantic elements

Hands-on:

Create a web page that make usage of new structural and semantic elements like main, section, aside, article, header, footer and other semantic elements.

Learning Objective:

By the end of this module you will learn the new HTML5 form features. You will explore the new form attributes and elements.

  • HTML Forms VsXForms
  • Functional Forms
  • New Form Attributes and Functions
  • Placeholder Attribute
  • Autocomplete Attribute
  • Autofocus Attribute
  • List Attribute and datalist Element
  • Min and Max attributes
  • ValueAsNumber attribute
  • Required Attribute
  • Checking Forms with Validation
  • Validation Feedback

Hands-on:

Develop a product entry form which uses HTML5 form elements and validation attributes.

Learning Objective:

By the end of this module you will learn how to make use of new HTML5 multimedia elements audio and video.

  • The Audio and Video Elements
  • Understanding Audio and Video
  • Working with Audio and Video Containers
  • Understanding Audio and Video Codecs

Hands-on:

Create a web page that displays multiple video and audio using HTML5 video and audio elements.

Learning Objective:

By the end of this module you will understand the Canvas API and how to work with svg in HTML5.

  • Overview of Canvas Vs. SVG
  • Canvas coordinates
  • Context
  • Pixel Data
  • Working with Canvas APIs
  • Drawing Operations
  • Canvas Transforms
  • Understanding and Working with SVG

Hands-on:

Create a web page that makes use of basic Canvas API and also displays svg graphics and drawings.

Learning Objective:

By the end of this module you will learn how to take advantage of HTML5 storage.

  • Overview of HTML5 Web Storage
  • Browser Support for HTML4 Web Storage
  • Using the HTML5 Web Storage
  • Checking for Browser Support
  • Setting and Retrieving Values
  • Plugging Data Leaks

Hands-on:

Create a web page that sites and gets data Run HTML5 web storage.

Learning Objective:

By the end of this module you will explore new CSS3 features like new color system, gradients, multiple backgrounds, rounded corners, border radius, animations, transformations, transitions, web fonts and multiple layouts.

  • Introducing CSS3
  • CSS3 Colors, Gradients and Multiple Backgrounds
  • Rounded Corners and Border-Radius
  • CSS3 Transforms
  • Transitions
  • Animations & 2D Transformations
  • Web Fonts with @font-face
  • CSS3 Multicolumn Layouts

Hands-on:

Develop a web page that enhances the richness of the page using CSS3,colours,gradients,border radius,animation,transformations and transitions.

Learning Objective:

By the end of this module you will understand the modern layout system flexbox to handle single dimensional layouts in web pages.

  • Introduction
  • Box Model basics
  • Container
  • Direction
  • Wrapping
  • Justifying & Alignments
  • Display order
  • Flexibility
  • Alignment

Hands-on:

Create a page that displays product gallery layout coded with flexbox.

Learning Objective:

By the end of this module you will understand the modern layout system CSS grid to handle two dimensional layouts in the pages. You will learn about placing the different elements in grid flow, order and alignment items in the layout.

  • Introduction
  • Grid Layout
  • Grid Elements
  • Placing Grid Lines
  • Attaching Elements to the Grid
  • Order and Align Items in Grid Layout
  • Grid Flow
  • Opening Grid Spaces

Hands-on:

Create a page that displays product gallery layout coded with CSS grid.

Faq

The Course

For any business or organization, the website is the main portal through which one can ensure an expanding customer base. Having an attractive and state-of-the-art website will help you improve visitor experience and ensure business continuity. HTML5 and CSS3 are the foundations of modern websites and help create sustainable and robust front ends.
HTML5 is still the framework of choice for Fortune 500 companies and CSS has been consistently rated as being among the top 10 open source front end kits.
If you want to make a career in web design and development then this online course from KnowledgeHut is your perfect bet. With plenty of hands on exercises, passionate coaching by instructors and crisp courseware, you will be a pro in these technologies by the end of this workshop.

You will:

  • Learn modern UI web development skills
  • Be proficient with HTML5 and CSS3 features

By the end of the course, you will have:

  • Completed several hands-on examples, 2 course projects which gives you basic to immediate skills of HTML5 & CSS3
  • Prepared yourself with the foundational knowledge you need to begin a career of continuous learning.

There are no restrictions but participants would benefit if they have basic JavaScript knowledge.

Yes, KnowledgeHut offers this training online.

On successful completion of the course you will receive a course completion certificate issued by KnowledgeHut.

Your instructors are Web development experts who have years of industry experience.

Finance Related

Any registration cancelled within 48 hours of the initial registration will be refunded in FULL (please note that all cancellations will incur a 5% deduction in the refunded amount due to transactional costs applicable while refunding) Refunds will be processed within 30 days of receipt of written request for refund. Kindly go through our Refund Policy for more details: http://www.knowledgehut.com/refund

KnowledgeHut offers a 100% money back guarantee if the candidate withdraws from the course right after the first session. To learn more about the 100% refund policy, visit our Refund Policy.

The Remote Experience

In an online classroom, students can log in at the scheduled time to a live learning environment which is led by an instructor. You can interact, communicate, view and discuss presentations, and engage with learning resources while working in groups, all in an online setting. Our instructors use an extensive set of collaboration tools and techniques which improves your online training experience.

Once you register for the course you will be provided with system requirements and lab setup document which contains detailed information to prepare the environment for the course

reviews on our popular courses

Review image

The trainer was really helpful and completed the syllabus on time and also provided live examples which helped me to remember the concepts. Now, I am in the process of completing the certification. Overall good experience.

Vito Dapice

Data Quality Manager
Attended PMP® Certification workshop in May 2018
Review image

Overall, the training session at KnowledgeHut was a great experience. Learnt many things, it is the best training institution which I believe. My trainer covered all the topics with live examples. Really, the training session was worth spending.

Lauritz Behan

Computer Network Architect.
Attended PMP® Certification workshop in May 2018
Review image

The instructor was very knowledgeable, the course was structured very well. I would like to sincerely thank the customer support team for extending their support at every step. They were always ready to help and supported throughout the process.

Astrid Corduas

Telecommunications Specialist
Attended Agile and Scrum workshop in May 2018
Review image

The customer support was very interactive. The trainer took a practical session which is supporting me in my daily work. I learned many things in that session. Because of these training sessions, I would be able to sit for the exam with confidence.

Yancey Rosenkrantz

Senior Network System Administrator
Attended Agile and Scrum workshop in May 2018
Review image

The hands-on sessions helped us understand the concepts thoroughly. Thanks to Knowledgehut. I really liked the way the trainer explained the concepts. He is very patient.

Anabel Bavaro

Senior Engineer
Attended Certified ScrumMaster®(CSM) workshop in May 2018
Review image

It is always great to talk about Knowledgehut. I liked the way they supported me until I get certified. I would like to extend my appreciation for the support given throughout the training. My trainer was very knowledgeable and liked the way of teaching. My special thanks to the trainer for his dedication, learned many things from him.

Ellsworth Bock

Senior System Architect
Attended Certified ScrumMaster®(CSM) workshop in May 2018
Review image

Trainer at KnowledgeHut made sure to address all my doubts clearly. I was really impressed with the training and I was able to learn a lot of new things. It was a great platform to learn.

Meg Gomes casseres

Database Administrator.
Attended PMP® Certification workshop in May 2018
Review image

I would like to extend my appreciation for the support given throughout the training. My trainer was very knowledgeable and liked the way of teaching. The hands-on sessions helped us understand the concepts thoroughly. Thanks to Knowledgehut.

Ike Cabilio

Web Developer.
Attended Certified ScrumMaster®(CSM) workshop in May 2018

Have More Questions?

HTML5 & CSS3 Course in Seattle, WA

A city that is enigmatically diverse in it culture, neighbourhood, aesthetics, and architecture: that?s Seattle for you. With logging being its major industry in the 19th century, the city progressed to ship building and was a major shipbuilding centre. But its fortunes changed with the development of the company Boeing that turned the place into a hub for aircraft manufacturing. Today, it is also home to major Fortune 500 companies including Microsoft and Amazon. Seattle also loves its coffee and is home to Starbucks, Tully?s and Seattle?s Best Coffee. The city has made inroads in other sectors as well such as retail, biotechnology, transport and trade. The city with its cultural heritage and modern dynamism is a great place to start a career and KnowledgeHut helps you along the way by offering courses such as PRINCE2, PMP, PMI-ACP, CSM, CEH, CSPO, Scrum & Agile, MS courses, Big Data Analysis, Apache Hadoop, SAFe Practitioner, Agile User Stories, CASQ, CMMI-DEV and others. Note: Please note that the actual venue may change according to convenience, and will be communicated after the registration.