Diploma In Web Development Course Online

Award

Dorset College

Duration

10 Weeks

Timetable

Tuesday: 6:30 PM - 9:00 PM

Start/End Date

19/03/2024 - 21/05/2024

Delivery

LIVE ONLINE CLASSES

Course Fees

€895.00 + 10% Discount = €805.00
DEPOSIT REQUIRED

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?

Searching for a course that leads to an exciting career in computer technology and a clearly defined career path with the opportunity to progress to higher education? The Web Development Diploma equips students with foundational knowledge of prevailing web development tools and methodologies in the industry. In the Diploma In Web Development Course, students learn the coding languages required to be a front-end web developer and create dynamic websites. The programme covers the primary and in-demand web development programming languages: HTML, CSS, and JavaScript. You will learn the following:

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.

You will learn with industry professionals who will give you the skills you need to transform your career.

What will You Experience?

A team of lecturers with extensive industry experience who will inspire and challenge you to develop the skills, knowledge, and competence required to function as an effective Web Development professional who will thrive in a variety of working environments. Explore contemporary Web Development technologies and master the practical skills needed to thrive in the modern Web Development landscape. You will gain the fundamental skills necessary to create Web Design projects in a fast moving industry.

Introduction to Front-end Web Development

This module equips leaners with the ability to understand the principles of web development and focuses on the ability of the learner to build basic front-end web solutions.
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

Apply Now

Live Online Classes

All Web Development Classes are ONLINE.

Aims & Objectives

This module gives students a basis in front-end web development. Learners will 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.

This module will ensure learners meet the following objectives:

Understand the basic concepts of Rich Internet Applications (RIA).
Build awareness of web standards and related coding practices.
Design and produce a dynamic front-end web application.
Deploy a front-end web-application for cross-platform accessibility.

Assessment & Awards