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 pageexamine the role that forms play in FSDidentify all the storage options on the clientconfigure a web workeridentify the stages in the service worker life cyclerecognize the need for persistent communication with the serverimplement SSN using NodeJS
-
work with columns, widths, and sizesapply flex directives to stylescompare the various selectors in CSSchoose appropriate styling for form developmentapply media queries to make page responsivedesign a popular three column webpage layout format
IN THIS COURSE
-
1.Course Overview2m 32sUP NEXT
-
2.HTML Forms6m 4s
-
3.Local Storage Options5m 45s
-
4.Web Workers3m 30s
-
5.The Service Worker Lifecycle5m 9s
-
6.Web Sockets7m 6s
-
7.Server Sent Notifications6m 26s
-
8.Layouts5m 48s
-
9.CSS FlexBox5m 25s
-
10.CSS Selectors4m 23s
-
11.Styling Forms5m 36s
-
12.CSS Media Queries5m 27s
-
13.Exercise: Designing a Webpage Layout3m 22s
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform
Digital badges are yours to keep, forever.