FSD Front-end Development: Features of HTML5 & CSS3

HTML5/CSS3    |    Intermediate
  • 13 videos | 1h 6m 32s
  • Includes Assessment
  • Earns a Badge
Rating 4.3 of 83 users Rating 4.3 of 83 users (83)
In this 13-video course, learners can explore the new features of HTML5 and CSS3 that can be used to make development easier and provide a better user experience, as well as where and when these features may be applied. Begin by examining the role that HTML forms play in Full Stack Development (FSD), then looking at local storage options on the client. Learn what web workers are and how to configure them, and also the stages in the service worker lifecycle. Examine web sockets and the need for persistent communication with the server. Learn how to implement Server Sent Notifications (SSN) using NodeJS. Then explore layouts, working with columns, widths, and sizes, and CSS Flexbox, by applying flex directives to styles. Next, take a look at the various selectors in CSS, then styling forms by choosing appropriate styling for form development, and finally, how to use app-specific rules, or media queries, to make your web page responsive. The exercise involves designing a popular three-column webpage layout format.

WHAT YOU WILL LEARN

  • Apply newer html5 and css3 features to enhance a web page
    Examine the role that forms play in fsd
    Identify all the storage options on the client
    Configure a web worker
    Identify the stages in the service worker life cycle
    Recognize the need for persistent communication with the server
    Implement ssn using nodejs
  • Work with columns, widths, and sizes
    Apply flex directives to styles
    Compare the various selectors in css
    Choose appropriate styling for form development
    Apply media queries to make page responsive
    Design a popular three column webpage layout format

IN THIS COURSE

  • 2m 32s
  • 6m 4s
    Learn how to examine the role that forms play in FSD. FREE ACCESS
  • Locked
    3.  Local Storage Options
    5m 45s
    Learn how to identify all the storage options on the computer. FREE ACCESS
  • Locked
    4.  Web Workers
    3m 30s
    Find out how to configure a web worker. FREE ACCESS
  • Locked
    5.  The Service Worker Lifecycle
    5m 9s
    In this video, you will identify the stages in the service worker life cycle. FREE ACCESS
  • Locked
    6.  Web Sockets
    7m 6s
    After completing this video, you will be able to recognize the need for communication that persists with the server. FREE ACCESS
  • Locked
    7.  Server Sent Notifications
    6m 26s
    In this video, you will learn how to implement an SSN using NodeJS. FREE ACCESS
  • Locked
    8.  Layouts
    5m 48s
    During this video, you will learn how to work with columns, widths, and sizes. FREE ACCESS
  • Locked
    9.  CSS FlexBox
    5m 25s
    During this video, you will learn how to apply flex directives to styles. FREE ACCESS
  • Locked
    10.  CSS Selectors
    4m 23s
    In this video, find out how to compare the various selectors in CSS. FREE ACCESS
  • Locked
    11.  Styling Forms
    5m 36s
    In this video, you will learn how to choose appropriate styling for developing forms. FREE ACCESS
  • Locked
    12.  CSS Media Queries
    5m 27s
    During this video, you will learn how to apply media queries to make your page responsive. FREE ACCESS
  • Locked
    13.  Exercise: Designing a Webpage Layout
    3m 22s
    During this video, you will learn how to design a popular three-column webpage layout. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Book Teach Yourself VISUALLY HTML and CSS, 2nd Edition
Course FSD Programming Languages: FSD Front-end Primer
Rating 4.5 of 51 users Rating 4.5 of 51 users (51)
Book Tiny CSS Projects

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course FSD Front-End Development: UI Development with ReactJS
Rating 4.4 of 86 users Rating 4.4 of 86 users (86)
Course Bootstrap Environment, Requirements, & Setup
Rating 4.5 of 115 users Rating 4.5 of 115 users (115)
Course Back-end Apps: XML Programming with JAXB
Rating 4.4 of 27 users Rating 4.4 of 27 users (27)