HTML5 Design Technologies

With a comprehensive combination of theory and practice, this course will provide participants with front-end stack knowledge and teach them how to apply it to create responsive and ready-to-launch websites.

Digital Skills Academy
Course Starts:
April 9, 2018
Course Ends:
June 15, 2018
Registration Closes:
April 2, 2018
10 weeks plus final assessment
Effort Per Week:
14 hours
Delivery Mode:
Digital Design
Single Payment:
Total fees
Two Instalments:
On purchase
After 5 weeks
Total fees

Course Introduction

Taught by an industry expert lecturer, the course provides participants with the knowledge and skills required to design, structure and produce HTML5 content. Participants will discover the features and benefits of HTML5, including styling and layout with CSS, creating interactivity with JavaScript, integrating HTML5 video, developing animation with CSS3, designing responsive layouts with Bootstrap and understanding how JQuery can unleash the power of JavaScript. Participants will also gain understanding of how HTML differs from coding languages.

Impact On Upskilling Talent Pools

This course is for participants looking to develop their knowledge in HTML5 Design Technologies and cultivate a granular approach to website development. This delivers particular benefits for organisations that are looking to address or expand digital skills amongst the existing talent pool. HTML5 Design Technologies allow for rapid cross-platform development at a substantially lower cost for organisations. Furthermore, upskilling is a vital enabler of recognition and retention for critical staff.

On completion of this course, participants will have covered:

  • Producing clear solutions to design problems in HTML5
  • The translation of static designs into dynamic mark-up
  • The Integration of CSS animation techniques into a web page
  • Preparing and packaging content for mobile delivery
  • Responsive design strategies to solve specific multi-screen and cross-platform design problems
  • Website production using a third-party framework and/or library
  • HTML5 rich media and styling features, HTML5 Form input types, elements and attributes

On completion of the course, participants will have gained the following set of skills immediately applicable to their business environment:

  • Working level skills needed to design and build HTML 5 content
  • An understanding of the features and benefits that HTML 5 enables
  • Knowledge of current design trends and layouts for web content

On completion of this course, participants will have created a responsive website showcasing a suite of HTML5 functionality.

This course requires that participants have already successfully completed the "Applied Design Technologies Part I" and "Applied Design Technologies Part II" Online Short Courses as a foundation.

As part of our application process, participants will take a simple, online suitability assessment for their chosen course. Based on their answers, this will confirm that participants have the skills and experience required for a successful outcome.

14 hours (comprising a weekly average of 7 taught hours plus 7 additional hours on average for self-study, research and group work)

Participants will be given a number of course-specific assignments that both reinforce the learning and provide work-based experience of applying new skills. All assignments are subject to a rigorous assessment framework. Assessments for this specific course include an HTML5 responsive website and weekly quizzes.

Key Benefits Of Online Short Courses

Work-Based Experience

Participants work on assignments that present work-based business challenges. They experience and meet the exacting demands of digitally-enabled change.

Collaboration Skills

Participants develop both the digital skills required by your organisation and the team-working skills needed to exploit them successfully.

Expand Your Talent Potential

The learning experience enhances the wider business skills required by your organisation. These include a digital mind-set, agile thinking and user-centred design.

Reinforcing The Learning

On Live Syncs and Mentoring sessions, participants tap into the knowledge of lecturers in real-time. They provide expert advice on assignments and support the development of group-working skills.

Flexible Learning Methodology

Digital Skills Academy short courses are based on a proven, flexible learning methodology. Content is accessible from anywhere, at any time via a computer, tablet or smartphone.

Peer Learning

Participants are part of an online international community of working professionals. So they and your organisation benefit from the insights and experiences shared by peers from across the globe.

Participant Employers

Participants represent a significant cross-section of global brands from a wide mix of industries, including the following:

Corporate Partner Feedback

“We are on the search for new skills - we are rolling out new functionality in Corporate Banking, Retail Banking, Insurance and Finance in all of the nineteen countries that we’re in. Digital Skills Academy will help significantly to fill those digital skills gaps.” Fanie Van Heerden - Head of IT Solutions, Architecture and Design, Standard Bank Group

Frequently Asked Questions

Do I need any specialist software for web development?

No. The beauty of the web is that the technology we are going to cover is freely available. HTML/CSS/JavaScript can be written using any plain text editor (like Notepad (Windows) or TextEdit (Mac)). However, it's best to use a specialist HTML editor and there are many free ones available including Sublime, Notepad++ and Brackets.  

What participants decide to use is a matter of personal preference, though we will mention Brackets and Bracket extensions in some of the units. No matter what the participant uses once he or she starts creating HTML/CSS/JavaScript file, Dreamweaver and Brackets can be opened and edited in any text editor.

I'm new to this and I'm nervous that I won't 'get it.' Do you recommend any sites or books?

While there's undoubtedly a learning curve and the syntax can take some getting used to, HTML and CSS are not coding languages. Participants won't be asked to use coding concepts like loops and variables. HTML is concerned with how documents or pages are structured while CSS is concerned with how they look. Once participants get used to the strange looking tags in HTML and get past the curly brackets and semi-colons of CSS they'll see that it's just a vocabulary to get comfortable with.

While the internet accounts for many sites and tutorials including W3C Schools, Mozilla Developer Network and CSS Tricks, the amount of information available can also feel overwhelming.  As such, we recommend Jon Duckett's book on HTML and CSS. Though published in 2011 it is still the best designed desk reference which doesn't feel like a technical manual.

Related Courses

With a comprehensive combination of theory and practice, this course will equip participants with the necessary knowledge and skill set to apply th...

With a combination of theory and practice, this course enables participants to master the skills of Big Data Visualisation by developing an effecti...

With a comprehensive combination of theory and practice, this course equips participants with the skills to build and deliver effective and respons...

Designed to help participants build up their knowledge in the field of User Interface Design (UID), this course combines theory and practice. It en...

Designed to help participants develop their knowledge in the field of Web Graphics Design and Production, this course combines theory and practice....

With a comprehensive combination of theory and practice, this course builds on the knowledge gained in the Applied Design Technologi...