Apply Now

Professional Diploma in Front-end Web Development

Professional Diploma
Front-end Web Development
Study Mode
Course Duration
11 Weeks
+ 1 Saturday (10.00 - 1.00 pm)
Start/End Date
20/10/21 - 19/01/22
Day & Time
Thursday + 1 Sat
18.30 - 21.30
Live Online Classes
1 Class Per Week
Course Fees
To secure a place on this course a deposit of €75.00 applies. Flexible Payment Terms available - see details on page below.

Why take this course?

This Front-end Web Development Course will enable you to acquire the knowledge and skills required to create a modern dynamic website and learn best-practice techniques for editing and publishing various media assets to the web. 

You will gain the skills building responsive website with HTML, CSS and JavaScript - a skill set to use these powerful applications in a variety of technical roles.  It will enable you to apply the knowledge to understand the principles of web development and focuses on your ability to build basic front-end web solutions.

What will You Experience?

You will learn how to use industry-standard tools to build rich interactive websites that will enable you develop your career path with confidence and open up many opportunities for progression.

Learn from an industry experienced professional who will guide and support you to achieve your goals.

Programme Modules

Introduction to Front-end Web Development

  • Principles of Front-end Web Development
  • Server versus Client-how a website works from server to user
  • Front-end Stack-HTML, CSS, JavaScript
  • Syntax and Semantics-what they are and their importance
  • Source Code Editors-Notepad++, Brackets, Atom
  • First index file-head, title, body
  • HTML elements, tags, attributes
  • HTML Text, structural markup (headings, subheadings, paragraphs), bold, italic, emphasis, semantic, markup

Introduction to Web Page Authoring

  • Writing and saving files for web
  • How to structure a HTML page - Semantic and non-semantic tags, creating Text blocks, Lists, Tables, Links, Images etc.
  • HTML syntax – tags, attributes, and values
  • Meta-data and link structure in HTML
  • CSS syntax – selectors, declarations, properties, and values
  • Format and Style in CSS- using id and class, working with margins, padding, alignment, floating, positioning etc.
  • CSS Animation and media queries for dynamic and responsive design
  • Typography – Google fonts, colour, theory, font practices

Standards and Testing

  • Accessing web standards – Who sets the standards and what are they?
  • Assessing standards compliance – Validating and debugging code - Tools, Techniques, and Resources
  • User testing – Role of testing in the development process, practical application of criteria
  • UX/UI-design and experience

JavaScript for Client-side interaction

  • Introduction to JavaScript – integrating JS with HTML
  • JS code structure – statements, variables, data types, naming conventions
  • JS Arithmetic – operands and operators, operator precedence, addition vs concatenation
  • The Document Object Model (DOM) – getting/ referencing elements using JavaScript
  • JS Functions and Events – adding event handlers, invoking functions, parameters and arguments
  • Working with arrays and objects – application and uses
  • JavaScript conditions and loops – for, while, do while, if else
  • HTML Canvas

Web Libraries and Frameworks

  • Choosing the right tools for your project
  • History of front-end frameworks
  • Working with grid-based design
  • Applying themes and templates
  • Adding library integration for dynamic websites
  • Awareness of cross-browser issues when using libraries

Integrating Server-side interaction

  • AJAX requests and responses
  • Data formats (XML, JSON, etc.)
  • Server-side scripting – Node.js
  • Internal Architecture of Node.js
  • Blocking code and non-blocking code models
  • Event-based server-side execution/ asynchronous execution
  • Server side process implementation and verification
  • Creating a HTTP server
  • Utilising database content

On completion of this module, the learner should be able to:

  • Access and explain current web standards.
  • Demonstrate an appropriate knowledge of the architecture of web applications and the underpinning internet technologies.
  • Employ an appropriate user testing process in the development of a website.
  • Apply client-side interaction to a website using a browser-supported scripting language.
  • Use server-side scripting to produce dynamic web pages.
  • Understand the role of a grid-based layout in designing responsive web pages.
  • Evaluate appropriate web libraries and frameworks for interactive web and app design.

Professional Diploma in Front-end Web Development

Live Online Learning

You can now up-skill or re-skill from the comfort of your own home with an industry experienced Professional Teacher who will provide you with inspirational lectures and all support materials you need to achieve your goals.

Entry Requirements

Designed for those with a solid background in computing and from a variety of professional backgrounds.  It will provide valuable experience in coding using the building blocks of the web.  It will enable you to develop your skill set with opportunities to take your career to the next level.

Assessment & Awards

Real-World Project
Apply your coding skills to a real project and build a dynamic website. Combine technical and design skills to create a responsive website that’s compatible with modern browsers and devices.

Assessment Method
Project 100%

Professional Diploma in Front-end Web Development
Awarded by: Dorset College

Career & Progression

Discover how to build interactive, responsive websites and assemble a coding toolkit you can apply immediately on the job.

This Web Development course will provide a solid foundation and enable you to progress your career with further professional or academic programmes of study.

Progression routes include:

  • Diploma in UX/UI Design & Usability
  • PMI Diploma in Project Management Professional PMP®
  • Bachelor of Science in Computing Level 7
  • Higher Certificate in Computing Level 6

Flexible Payment Terms

To secure a place on this course a deposit of €75.00 applies and the remainder paid in instalments.  You have the flexibility of using our online payment facility to manage your course payments at any time, from the comfort of your own home.  Pay Online

Payment Plan

Deposit: €75.00 Secures you Place on the Course
1st Instalment:  €410.00 12/10/21
2nd Instalment: €410.00 12/11/21
Need Information?
Contact us and we will help you