You'll begin at square one, learning how the Web and web pages work, and then steadily build from there. By the end of the course, you'll have the skills to create a website that is responsive to the device that it is being viewed on and contains features needed for good website development. Learn how to use the latest techniques, best practices, and current web standards - including HTML5 and CSS3.
The course is aimed at anyone who has been charged with setting up a website or developing web content as well as those interested in getting a better understanding of the many technologies used to deliver web content.
Delegates should have some technical experience, a working knowledge of the Windows operating environment and be familiar with the concepts and use of the Internet.
At the end of this course you will be able to:
- Describe how web pages are delivered over the Internet
- Build structured HTML pages with text, links, images, tables and forms
- Use style sheets (CSS) for colours, background, formatting text, page layout and simple transition, transformation and animation effects
- Use Responsive Web Design techniques to make pages display well on all devices they may be viewed on.
The course will be delivered through instructor-led sessions, supported by short exercises. Your learning will be augmented through a ‘Hackathon’ to bring together the skills, techniques and knowledge and use basic Agile methodology.
- How the web works
- HTML syntax
- HTML Entities and Symbols
- Structural HTML
- The Head Element
- The DOM
- Basic CSS
- CSS and the DOM
- Selectors and Inheritance
- Text and Colours
- Measurement Units
- The Box Model
- Positioning Elements
- Images and Backgrounds
- Transitions, Transformations and Animation
Responsive Web Design
- Mobile First Design
- Responsive Design and Media Queries
- Grid Systems
- Responsive Images
Produce a website for a given set of user stories using the skills, techniques and knowledge gained during the course.
Software Engineering learning paths
Want to boost your career in software engineering? Click on the roles below to see QA‘s learning pathways, specially designed to give you the skills to succeed.