FSD Front-end Development: Features of HTML5 & CSS3
HTML5/CSS3
| Intermediate
- 13 videos | 1h 6m 32s
- Includes Assessment
- Earns a Badge
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 4sLearn how to examine the role that forms play in FSD. FREE ACCESS
-
3. Local Storage Options5m 45sLearn how to identify all the storage options on the computer. FREE ACCESS
-
4. Web Workers3m 30sFind out how to configure a web worker. FREE ACCESS
-
5. The Service Worker Lifecycle5m 9sIn this video, you will identify the stages in the service worker life cycle. FREE ACCESS
-
6. Web Sockets7m 6sAfter completing this video, you will be able to recognize the need for communication that persists with the server. FREE ACCESS
-
7. Server Sent Notifications6m 26sIn this video, you will learn how to implement an SSN using NodeJS. FREE ACCESS
-
8. Layouts5m 48sDuring this video, you will learn how to work with columns, widths, and sizes. FREE ACCESS
-
9. CSS FlexBox5m 25sDuring this video, you will learn how to apply flex directives to styles. FREE ACCESS
-
10. CSS Selectors4m 23sIn this video, find out how to compare the various selectors in CSS. FREE ACCESS
-
11. Styling Forms5m 36sIn this video, you will learn how to choose appropriate styling for developing forms. FREE ACCESS
-
12. CSS Media Queries5m 27sDuring this video, you will learn how to apply media queries to make your page responsive. FREE ACCESS
-
13. Exercise: Designing a Webpage Layout3m 22sDuring 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.
