Professional Training

Prerequisites

None – this course is beneficial whether you`re new to web development or an experienced web developer who`s been frustrated by self-learning or other courses.

Who should attend

This is for anyone who wants to develop web pages the professional way, using HTML5 semantic tags to structure the content and CSS to format and lay it out on the page. That includes:
• budding web developers
• experienced web developers who want to update their HTML/CSS skills to the new standards
• web developers who still use tables for page layout when they should be using CSS
• Sharepoint users who want to explore the use of HTML and CSS directly or who are considering creating a web part.

Introduction to Web Development

How web applications work
An introduction to HTML and CSS
Tools for web development
How to view deployed web pages
Five critical web development issues

How to code, test and validate a web page

Introducing Visual Studio Code
Using Sharepoint to enter HTML
The HTML syntax
The CSS syntax

How to use CSS to format a webpage

An introduction to CSS
How to specify measurements and colors
How to code selectors
How to work with text
A web page that uses an external style sheet

Working with lists and links

How to code lists
How to format lists
How to code links
How to create navigation lists and bars

Working with images

Basic skills for working with images
Advanced skills for working images
Related skills for working with images

Working with tables

Basic HTML skills for coding tables
Basic CSS skills for formatting tables
Other skills for working with tables

How to work with forms

How to use forms and controls
Other skills for working with forms
How to use the HTML5 features for data validation
How to use the HTML5 controls
A web page that uses HTML5 data validation

Using CSS for layout

Box model
Measurement units
Floating div layout
Flexbox layout

Responsive and Reactive Design

Understanding responsive design
Understanding reactive design
Media queries
Media queries for printing
Adding fonts to your site

Working with Sharepoint

Sharepoint environment
Using sharepoint to enter html and css directly

Introduction to Webparts

What is a web parts?
Creating your own web part
Deploying a web part to your Sharepoint installation