Web Development – An Introduction
Course Overview
What does the course cover? This course will introduce a variety of mainstream Web Development Technologies and demonstrate how they interact and work together. It will introduce the concepts and languages commonly used in developing applications and web sites for the internet and mobile devices.
Duration - 2 days
What does the course cover?
This course will introduce a variety of mainstream Web Development Technologies and demonstrate how they interact and work together. It will introduce the concepts and languages commonly used in developing applications and web sites for the internet and mobile devices.
Training Objectives
To teach attendees the knowledge they need to communicate and work more effectively with their own technical community whilst also developing the skills to produce simple interactive and engaging web applications themselves.
Overview
The course starts with an overview of the terminology and how all the parts (i.e., HTML, CSS, JavaScript, JS libraries, AJAX) interact. Each technology module is covered using a mixture of discussion, demonstration, instruction, and practical hands-on exercise(s). The exercises are available on several levels (the attendee can decide which exercises are relevant to them); research, quizzes, a “pre-made” blog page where a less experienced attendee can add and modify existing code or a “DIY” site where attendees with some previous knowledge can design and build their own sites/applications. Each exercise builds on the previous one working towards a final functioning website displaying responsive design, cross platform code and using any/all the technologies discussed.
Contents
Module 1: Introduction
Overview of web technologies – what are they, how do they work together.
HTML/5, CSS/3, JavaScript, JS libraries and frameworks e.g., jQuery, Client/server, AJAX
Testing, testing …
Browsers
Compatibility
Standards & reusability
Developer tools to use on the course.
Exercise – Set-up your system ready to go.
Module 2: HTML
Structure
Keywords (Tags) overview
What is HTML5 and what does it provide?
Using the most popular tags
Exercise – Build basic HTML content.
Module 3: CSS
CSS structure
Applying CSS to HTML Documents
Using the most popular CSS properties
CSS Web Site Design – layout
One Size fits all with CSS (Responsive design)
What is CSS3 and why would I use it
Exercise – Making your page Stylish.
Module 4: DOM
What is the DOM and how does it relate to webpages?
HTML and the DOM
JavaScript and the DOM
Exercise – Animating your webpage
Module 5: JavaScript
What is JavaScript?
How is it used on a webpage?
JavaScript or framework/library
What are objects and why should I care?
Common use of JavaScript on webpages
Example – looking at your websites use of JavaScript.
Module 6: The future
Future technologies – Angular, React & Flux, MongoDB
Fashions and fads
Development practices – Agile & the web project
Web Development – An Introduction
Course Overview
What does the course cover? This course will introduce a variety of mainstream Web Development Technologies and demonstrate how they interact and work together. It will introduce the concepts and languages commonly used in developing applications and web sites for the internet and mobile devices.
Duration - 2 days
What does the course cover?
This course will introduce a variety of mainstream Web Development Technologies and demonstrate how they interact and work together. It will introduce the concepts and languages commonly used in developing applications and web sites for the internet and mobile devices.
Training Objectives
To teach attendees the knowledge they need to communicate and work more effectively with their own technical community whilst also developing the skills to produce simple interactive and engaging web applications themselves.
Overview
The course starts with an overview of the terminology and how all the parts (i.e., HTML, CSS, JavaScript, JS libraries, AJAX) interact. Each technology module is covered using a mixture of discussion, demonstration, instruction, and practical hands-on exercise(s). The exercises are available on several levels (the attendee can decide which exercises are relevant to them); research, quizzes, a “pre-made” blog page where a less experienced attendee can add and modify existing code or a “DIY” site where attendees with some previous knowledge can design and build their own sites/applications. Each exercise builds on the previous one working towards a final functioning website displaying responsive design, cross platform code and using any/all the technologies discussed.
Contents
Module 1: Introduction
Overview of web technologies – what are they, how do they work together.
HTML/5, CSS/3, JavaScript, JS libraries and frameworks e.g., jQuery, Client/server, AJAX
Testing, testing …
Browsers
Compatibility
Standards & reusability
Developer tools to use on the course.
Exercise – Set-up your system ready to go.
Module 2: HTML
Structure
Keywords (Tags) overview
What is HTML5 and what does it provide?
Using the most popular tags
Exercise – Build basic HTML content.
Module 3: CSS
CSS structure
Applying CSS to HTML Documents
Using the most popular CSS properties
CSS Web Site Design – layout
One Size fits all with CSS (Responsive design)
What is CSS3 and why would I use it
Exercise – Making your page Stylish.
Module 4: DOM
What is the DOM and how does it relate to webpages?
HTML and the DOM
JavaScript and the DOM
Exercise – Animating your webpage
Module 5: JavaScript
What is JavaScript?
How is it used on a webpage?
JavaScript or framework/library
What are objects and why should I care?
Common use of JavaScript on webpages
Example – looking at your websites use of JavaScript.
Module 6: The future
Future technologies – Angular, React & Flux, MongoDB
Fashions and fads
Development practices – Agile & the web project
