Coding For Non-Coders Duration - 2 Days
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.
Training Objectives
To teach attendees the knowledge they need in order to communicate and work more effectively whilst also developing the skills to produce simple interactive and engaging web applications themselves.
Contents
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, instruction and practical hands-on exercise(s). The exercises are available on 2 levels (decided by the student); a “pre-made” blog page where a less experienced attendee can add and modify existing code or a “virgin” site where attendees with some previous knowledge can design and build their own applications. Each exercise builds on the previous one working towards a final functioning website displaying responsive design, cross platform code and feature sniffing.
Module 1: Introduction
- Overview of web technologies – what are they, how do the 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?
Exercise – Adding functionality
Module 6: The future
- Future technologies – Angular, React & Flux, MongoDB
- Fashions and fads
- Development practices – Agile & the web project
Coding For Non-Coders Duration - 2 Days
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.
Training Objectives
To teach attendees the knowledge they need in order to communicate and work more effectively whilst also developing the skills to produce simple interactive and engaging web applications themselves.
Contents
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, instruction and practical hands-on exercise(s). The exercises are available on 2 levels (decided by the student); a “pre-made” blog page where a less experienced attendee can add and modify existing code or a “virgin” site where attendees with some previous knowledge can design and build their own applications. Each exercise builds on the previous one working towards a final functioning website displaying responsive design, cross platform code and feature sniffing.
Module 1: Introduction
- Overview of web technologies – what are they, how do the 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?
Exercise – Adding functionality
Module 6: The future
- Future technologies – Angular, React & Flux, MongoDB
- Fashions and fads
- Development practices – Agile & the web project
