Request more details:
This course give participants a good grounding in all aspects of front-end web development.
It will be largely independent of server side technologies and will simply use RESTful web service calls using AJAX to manipulate server side data.
Cost: Price on application
Duration: 5 days
This course is not available as part of our public schedule but can be provided on a customised client specific basis.
This is a beginners course in web application development. No specific web experience is required but an understanding of general programming concepts is expected.
Day 1- Web application development primer:
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 - Technology Deep Dive:
HTML5 Deep Dive
History of HTML
When to use tables
CSS Deep Dive
Using CSS for styling
Cross browser concerns
Which CSS features can I use
Fonts, text styling
Variables, types, numbers, strings, dates
Functions, function parameters, return values
Programming constructs - loops, conditionals
In place editing
Creating a web application that has a grid and a dialog
Day 4 - CSS in action:
CSS is really important for web application development so this module is a fairly advanced look at CSS and how it is used in todays web applications. We will look at using CSS for layouts and explore traditional and modern layout methods. We will talk about mobile first as a design paradigm and do real world examples with responsive and reactive designs.
Some advanced CSS concepts
Using CSS for layout
Traditional CSS layout using floating divs
CSS layout using flexbox
The frameworks / libraries used can be tailored to suit individual technology stacks.
Best practices / coding standards
What are key issues that you need to be aware of when developing web applications. How usable will your application be to general users? How will it behave for users with assistive technologies? What can you do to facilitate the translation of your application into other languages?
HTML coding standard suggestions
CSS coding standard suggestions