Front-End Web Development

With a comprehensive combination of theory and practice, this course equips participants with the skills to build and deliver effective and responsive cross-platform websites for business.

Digital Skills Academy
Course Starts:
Course Ends:
Registration Closes:
16 weeks plus final assessment
Effort Per Week:
9 hours
Delivery Mode:
Digital Design
Single Payment:
Total fees
Two Instalments:
On purchase
After 5 weeks
Total fees

Course Introduction

The aim of this course is to equip participants with the skills to build and maintain interactive websites that can later be used as a basis for native mobile app development using the open source Cordova framework.

Participants will develop operational and customer-oriented font-end design skills using techniques including JavaScript, HTML page structuring and CSS styling and layout. Participants will learn how to integrate HTML 5 videos, create responsive layouts using Bootstrap, version control with Git and discover advanced tools including Dreamweaver and WordPress.

Participants will also look at advanced features including geo-location, device camera access and web storage– all of which can be used in packaged up native mobile app and distributed across app stores.

Impact On Upskilling Talent Pools

This course is for participants looking to gain advanced technical skills and knowledge base to design effective and ready-to-launch Websites and learn the foundations of Native Mobile App Development. This delivers high-value benefits for organisations that are looking to address or expand digital skills amongst their existing talent pool. Firstly, in-house Front Web-Development knowledge provides long-term competitive and cost advantages. Secondly, upskilling is a vital enabler of recognition and retention for critical staff.

On completion of this course, participants will have covered:

  • HTML5 – page structure, semantics and content
  • CSS3 – styling, layout and animation
  • Using Twitter Bootstrap
  • Versioning with Git
  • JavaScript and JQuery
  • Creating native web apps with Cordova

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

  • HTML5
  • CSS3
  • JavaScript and JQuery
  • Building responsive pages with Twitter Bootstrap
  • Using Cordova to package native web apps for distribution

On completion of this course, participants will have created a responsive website using a bootstrap framework and featuring advanced HTML5 capabilities such as location services and local storage.

An understanding of the basic principles of HTML, CSS and Bootstrap.

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.

9 hours (comprising a weekly average of 4.5 taught hours plus 4.5 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. To complete the course successfully participants will have to complete two specific assessments covering a bootstrap site and a HTML/CSS landing page. Participants will also take 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

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.

What is Bootstrap?

Bootstrap is a framework developed by two Twitter engineers who found themselves having to repeat the same tasks when they were working on projects. Rather than repeatedly setting up projects, they thought it would better to create a single system that they could re-use across projects and that's what Bootstrap is. It contains a responsive grid system and pre-styled elements (like buttons and tables) that make prototyping and building web projects more effective.

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 will provide participants with front-end stack knowledge and teach them how to...

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...