Beginning Web Programming

Course Description

This course give participants a good grounding in all aspects of front-end web development and provides an easy introduction to HTML, CSS & JavaScript for people who have limited or no prior experience. It is a 4 day hands-on course that will get participants to a comfortable level in creating and modifying web pages using industry-standard techniques.
-1 days
Contact us for pricing

Prerequisites

This is a beginners course in web application development. No specific web experience is required.

Day 1- Web application development primer

This module will introduce web application development and will introduce the tools that will be used during the course. Each of the three technologies (HTML5, CSS3 and JavaScript) will be introduced and some simple websites / web applications will be created.
By the end of the day each participant will be confident in their ability to create a web application, deploy it to a web server and test and debug it.

Day 2 - More detail

More detail on the technologies we are using. This day is split into 3 distinct modules where we cover more detail on each of the 3 technologies. By the end of this day the participants will be confident in their knowledge of HTML, CSS and JavaScript.
HTML5
History of HTML
HTML5 tags
Semantic markup
Coding conventions
Divs
When to use tables
Images
CSS
Using CSS for styling
CSS Selectors
CSS properties
CSS resets
CSS layouts
Cross browser concerns
Which CSS features can I use
Media queries
Fonts, text styling
JavaScript
JavaScript syntax
Variables, types, numbers, strings, dates
Functions, function parameters, return values
Programming constructs - loops, conditionals
Object oriented Javascript
Anonymous functions
Callback functions
Debugging techniques

Day 3 - JavaScript and Bootstrap

A lot more detail on how to really use JavaScript in a web application. The use of JavaScript and CSS frameworks, in particular jQuery and Bootstrap. Communicating with the server using AJAX. Using jQuery to make AJAX calls.

Javascript Frameworks
Introducing JQuery
AJAX
JSON
In place editing
Bootstrap introduction
Creating a Bootstrap layout
Creating a Bootstrap NavBar

Day 4 - Real world Examples

The fourth day of the course will demonstrate some real-world scenarios that utilise the skills gained in the previous 3 days.

It will include creating web pages, styling and layout of these pages and the use of some JavaScript frameworks and controls to get some impressive features for a small amount of effort.

CSSHTMLHTML5JavaScriptjQueryWeb DesignWebWeb ProgrammingFront end web developmentWeb DevelopmentBootstrap