JavaScript is one of the most important languages when it comes to building modern, interactive websites and apps. Along with HTML and CSS, it is one of the core building blocks of the web - and it's growing ever more popular thanks to the wealth of powerful JavaScript libraries and frameworks available.

 

While JavaScript can be a little harder to pick up than HTML and CSS, our in-depth course will provide you with the knowledge that you need to create dynamic and engaging websites - or even fully-featured web apps.

 

This course is intensive but we have ensured that there is plenty of time for questions and useful, practical assignments. We know that students learn faster when they are given plenty of tasks to experiment with.

 

This course also involves some pair-programming exercises, because teamwork makes tackling programming challenges much more fun!

 

We make sure to keep our class sizes small, so that every student is able to have their questions answered by the course instructor. The atmosphere is usually one of relaxed and quiet focus - although there's time for making friends and swapping a few geeky jokes during the breaks, too.

 

Skills Required

It is essential that students have some knowledge of HTML and CSS before they attend this course. Our Advance Web Design with HTML5 and CSS3 training course cover all of the prerequisites.

 

Course Level

Advanced

 

Duration & Cost

Option 1: 
Wednesday & Friday, 6pm to 9pm for 5 weeks: £2,150.00

Option 2: 
Saturday, 10am to 1pm for 10 weeks: £2,150.00

 

Course Start Date

Please call to enquire (0208 947 1338)

 

Certification

Certificate of Completion will be provided after completing the course

 

Career Paths

Web Designer

 

Course Details

Overview

• Write and debug client-side JavaScript to create modern pages for a variety of devices
• Implement dynamic HTML effects to improve interactivity and SEO
• Apply unobtrusive JavaScript programming patterns
• Create dynamic, interactive forms with enhanced validation
• Develop custom libraries to simplify maintenance and code reuse

 

Introduction

We'll look at what JavaScript is and what it can be used for, and then we'll dive straight into adding JavaScript to a practice website

 

Good Habits

It's important to mention early on what some good JavaScript coding habits are (e.g. commenting, debugging with the console & checking your code with a ‘linting’ tool), so that you feel confident that you’re doing things the right way

 

Dealing with Data

Managing data is essential whether you’re working on a small site or a big app, so we’ll look at the different ways data can be stored and manipulated in JavaScript

 

Interacting with Users

Here, we’ll start turning our simple web page into one that asks for user input and responds accordingly - things start to get interesting!

 

Conditional Statements and Loops

In order to build websites and apps that respond to user input intelligently and engagingly, we’ll need to look at these two useful and important programming concepts

 

AJAX

AJAX allows us to fetch new data (or send some data) without reloading the webpage - this makes the experience much smoother for users

 

jQuery, and Other Libraries & Frameworks

Your website or app can become dramatically more full-featured if you bring in one or two carefully-chosen libraries or frameworks, so we’ll look at how you do that here

 

Projects

Throughout this course, the projects we work on will include image galleries, a shopping basket checkout form, user profiles, login forms with helpful hints and password-checking, and an AJAX contact form

The Web Design with HTML and CSS for Beginners course provides essential knowledge and skills for designing, publishing and maintaining websites for personal or professional use. No prior knowledge of web design, HTML or CSS is required for this course. Taught by a professional freelance web designer, you will learn how to design websites by building a website with HTML, style it with CSS and add images, video and other media. The course will also explain how to register domain names, buy hosting and use FTP clients to upload your finished site.

 

Skills Required

No previous experience of Web design, HTML, CSS is required. You should have basic computing and Internet knowledge

 

Course level

Beginner 

 

Duration & Cost

Option 1: 
Wednesday & Friday, 6pm to 9pm for 5 weeks: £560.00

Option 2: 
Saturday, 10am to 1pm for 10 weeks: £560.00

 

Course Start Date

Please call to enquire (0208 947 1338)

Certification

Certificate of Completion will be provided after completing the course

 

Course Progression

After completion of this course, participants may wish to extend their knowledge further with these courses:

• Advanced Web Design with HTML5 & CSS3

 

Career Paths

Junior Web Designer

 

Course Details

1. HTML & CSS: The languages of web design
   • 1. Introducing the HTML5 and CSS3 languages and what they are used for
   • 2. Examining your workspace and the tools you will need to create websites
   • 3. What are elements and how are they used to structure a web page
   • 4. Setting up a new web page
   • 5. Writing your first HTML code to place text on a web page
   • 6. Linking HTML and CSS files together
   • 7. Introducing element selectors
   • 8. Writing your first CSS code to add colour to the text
2. Fundamental CSS: Styles we can use every day
   • 1. Writing CSS declarations, properties and values
   • 2. Sizing everything with pixels
   • 3. Formatting text for easier reading
   • 4. Widths and heights
   • 5. Implementing background colours
   • 6. Using margins and padding
   • 7. Adding borders
   • 8. Be lazy! Learning the shorthand for quicker coding
3. Selectors part 1: Harnessing their power
   • 1. Introducing classes - what we use them for
   • 2. Adding classes to elements in HTML
   • 3. Adding styles to classes in CSS
   • 4. Introducing the ID
   • 5. Adding IDs to elements in HTML
   • 6. Adding styles to IDs in CSS
4. Designing a page part 1: Positioning
   • 1. Introducing the CSS Box Model
   • 2. The CSS reset - why and how we use it
   • 3. Wrapping content inside boxes
   • 4. Styling boxes
   • 5. Introducing Floats
   • 6. Using Floats to create a layout
   • 7. Introducing other position techniques: Fixed, Relative and Absolute
   • 8. How and why we use Fixed, Relative and Absolute positions
5. Designing a page part 2: Images, figures and video
   • 1. Introducing the image element
   • 2. Placing images on a page with HTML
   • 3. Controlling the image with the max-width property
   • 4. The HTML5 video player
   • 5. Introducing figures
   • 6. Using figures and captions within text
   • 7. The background image - using an image as a background in CSS
   • 8. The background image and ID’s - the killer combo!
6. Navigation part 1: Links and lists
   • 1. Introducing links and attributes in HTML
   • 2. The inline elements: anchors and spans
   • 3. Turning words into links in HTML
   • 4. Styling links and spans in CSS
   • 5. How to create lists in HTML
   • 6. Styling lists in CSS

7. Selectors part 2: Nesting
   • 1. The concept of nesting
   • 2. The parent/child relationship
   • 3. What are descendant selectors
   • 4. Selecting individual “children” by element name
   • 5. Selecting individual “children” by class name
   • 6. Keep being lazy! Cut down code with shorthand
8. Navigation part 2: Creating a menu
   • 1. How we use lists to create navigation menus
   • 2. Creating anchors from the list items
   • 3. The “Nav” element
   • 4. Creating buttons from links
   • 5. Styling the buttons
   • 6. Using floats to position buttons in a menu bar
9. Pseudo elements: styling tables and creating effects in CSS
   • 1. Introducing pseudo elements
   • 2. Creating button borders in navigation with the “last-child” pseudo element
   • 3. Creating a hover effect with the “hover” pseudo element
   • 4. Creating a table in HTML
   • 5. Styling the table in CSS
   • 6. The “odd, “even” and “nth-child” pseudo elements
   • 7. Using pseudo elements to stripe your table
10. Designing a page part 3: Putting it together
    • 1. Recapping what we know so far
    • 2. Laying out a page using navigation, images, articles and sidebars
    • 3. Adding a footer
    • 4. Creating multiple pages to form a website
    • 5. Linking all the pages together in the navigation
    • 6. Domains and hosting - how to use them to publish your site