Website Development for Beginners Certificate – CPD Accredited

Website Development for Beginners Certificate – CPD Accredited

Web Development is one of the fastest growing industries in the world and predictions are that the demand for quality Web Developers will only continue to grow! Never in the history of the Web has it been such an opportune moment to join millions of people around the world who are involved in building web products.

Whether you are excited at the possibility of becoming a Web Developer or you are just a curious person who wants to build web sites as a hobby, you will find this course useful. We have covered Web Development as a corporate career as well as included tips on launching your own freelance Web Development practice.

Introduction

From front-end to back-end, HTML to CSS, JavaScript to its helpful frameworks - this course is packed with information to take you from square one to Web mastery. The material covered in the course is vast but fear not - it is after all a course for beginners and we will guide you through the hard concepts with witty humour and illustrative code examples.

By the end of the course not only will you be familiar with the scripting languages HTML, CSS and JavaScript but they are going to become your best friends in your Web journey.

** When purchasing this course you will be eligible to apply for the XO Student Discount Card!! You can save on brands such as New Look, Disney, ASOS, Hotels, Miss Selfridge , Domino’s and many more.**

What you will learn

The aim of the course is to equip you with the knowledge and tools to build your first website. It is a practical course with code example, coding activities and plenty of guidance material to help you complete them.

• The past, present and future of the Internet and the Web
• What terms client-side and server-side mean in the context of Web Development
• How to create a simple HTML document and setup the basic skeleton of a web page
• How to use various HTML elements to create the different sections of the web page
• How to add styling code to HTML in internal and external style sheets using CSS
• Why you should use CSS alongside HTML to build beautiful pages
• Important concepts of coding for the Web including the CSS Box Model, the HTML DOM model and JavaScript’s Object Orientation
• How to use JavaScript code into HTML documents in order to change and modify the structure as well as adding interactivity to the web page

Benefits of taking this course

There are a number of benefits, which include:

• A comprehensive, practical and easy-to-understand course material
• Example code with comprehensive explanations using HTML, CSS and JavaScript coding languages
• End of module activities and a final test which are designed to expand your overall understanding and put what you’ve learned into action
• Can be completed anywhere with an Internet connection.
• Gaining relevant knowledge about an ever-growing industry, which will provide you with practical skills for the workforce.
• Being able to write simple web pages and elements using HTML, CSS and JavaScript at the end of the course

Course Modules/Lessons

Module 1: The Internet and the Web

• What ARPANET was and how it is linked to the invention of the Internet
• How the Hypertext and Hyperlink concepts are fundamental to the way our Web works
• How the Domain Name System was invented to translate unreadable web addresses into mnemonic phrases
• How the World Wide Web was invented as a way to ease the communication within a scientific organisation

Module 2: What is Web Development?

• The difference between a web page, web site and web application
• How web servers are used to store data and information relating to the web site
• The terms ‘client-side’ and ‘server-side’, and what they mean
• The three main languages in building web sites and how they are used

Module 3: Hypertext Markup Language (HTML)

• What is Hypertext Markup Language and why it is used to build websites
• What are the mandatory basic elements in an HTML document
• What is the purpose of the head and body elements in a website as well as the difference between the two
• What is nesting and why it is fundamental for any scripting language

Module 4 : Advanced HTML elements

• Some of the more advanced elements that can be structured using HTML
• The difference between a block element and an inline element and why this matters for the layout
• How many versions of HTML existed and why the latest one excites web developers
• The main HTML elements that help us create basic web layouts

Module 5 : Introduction to CSS

• What Cascading Style Sheets is and why it is used to style web pages
• The differences between the different version of CSS and which is the latest
• How CSS can be inserted in HTML documents using internal and inline style sheets
• The steps to creating an external style sheet and how to link it with HTML

Module 6 : HTML & CSS in Action – Part I

• What the HTML classes and ids are and how to use them with CSS
• How to write CSS code according to the CSS syntax rules
• What selectors are used for as well as the different kinds of CSS selectors that you can use
• The difference between a pseudo class and a pseudo element

Module 7 : HTML & CSS in Action – Part II

• How points, pixels and percentages are used as basic units of measure in Web Development
• What properties are in the context of Cascading Style Sheets and what they are used for in CSS code
• What the idea behind the CSS Box Model is and why every CSS element can be thought of as a box
• The difference between margins, padding and borders in the context of the Box Model

Module 8 : HTML & CSS in Action Part III

• How to style an HTML web page using colour
• What the RGB abbreviation stands for in the context of colour theory and how to apply it in CSS
• How to add gradients and shadow effects to CSS elements
• How to create a custom horizontal navigation bar using HTML and CSS

Module 9 : Introduction to JavaScript

• What JavaScript is and how it is used alongside HTML and CSS to add interactivity to the web page
• Why JavaScript is an object-oriented, dynamic and event-driven programming language
• What variables and values mean in the JavaScript code and the data types specific to JavaScript
• What role operators play when manipulating JavaScript variables

Module 10 : JavaScript in Action

• What the concept of an object means in JavaScript and the different ways to construct an object
• What the Document Object Model is and how it links to HTML code
• How the HTML Document object allows JavaScript to access and modify each element inside the HTML and CSS code
• Which JavaScript methods you can apply to HTML document objects to control the behaviour of elements

There is no experience or previous qualifications required for enrolment on this course. It is available to all students, of all academic backgrounds.

Our Course is fully compatible with PC’s, Mac’s, Laptop, Tablet and Smartphone devices. Now more than ever people are using the internet while on the move so our course has been designed to be fully compatible on tablets and smartphones so you can access your course on wifi, 3G or 4G.

There is no time limit for completing this course, it can be studied in your own time at your own pace.

All tests are online and are taken either during or after the course, these are included in the price.

With experience, you could specialise in a particular area, like e-commerce, or move up to a more senior role like lead programmer or project leader.

You could also move into other IT fields, like systems analysis or IT project management.