Preparing your future career......
Get in touch Your account

Request an instant information pack

Alternatively to speak to an Academy Assessor call: 01202 238640

Course name

Location

Date: DateFrom - DateTo

Fill in the form below or give us a call to start the booking process.

Call now: 01202 238640

Web Development Course

Achieve role specific certificates that prove your knowledge in these crucial areas and kickstart your web dev career. Employers will be looking for your core skills, but they’ll also want to know you can work with the team, be confident in front of clients, and suggest initiatives for testing.

To become a Web Developer without lots of work experience, you’ll need to understand what employers are looking for. To get a Junior position, it generally means achieving certificates in JavaScript, HTML and CSS, plus a certifcate of completion and 2 portfolios prooving your React expertise.

web-development-course.jpg

What Does a Web Developer Do?

As a Web Developer, you’ll be creating websites based on the specific needs of your employer or client. You’ll be part of the full life cycle – from planning the site and developing apps, to updating the site with new content, troubleshooting bugs and maintaining security.

A vital skill for any Web Developer is high level computer literacy. You’ll also need the technical skills and attention to detail so your code is top notch. You’ll be a critical thinker, confident problem solver and have the adaptability to keep up with changing tech.

To become a Web Developer, you don’t need to have a degree – it is essential though to have recognised certificates to show your knowledge of programming languages, including HTML5, CSS3, JavaScript and React.

Send me more career information:

Web Development Course

Internet Business Associate
• Internet connection methods, internet protocols, the Domain Name System (DNS), cloud computing and mobile devices
• Basic functions of web browsers, the components of web addresses and browser use in the business world
• How browser plug-ins and add-ons can improve your web-browsing experience, and how you will use browsers to download and manage files

Network Technology Associate
• Essential networking technologies and skills, including TCP/IP, stable network creation, wireless networking, mobile devices and
network troubleshooting*
• Different types of transmission media
• Functions, features and technologies associated with internet services, such as cloud computing

Site Development Associate
• Develop web sites using Hypertext Markup Language version 5 (HTML5) and Cascading Style Sheets (CSS)
• Write code manually, as well as use graphical user interface (GUI) authoring tools, insert images, create hyperlinks, and add tables, forms, video, and audio to your web pages

*It is important to note that although all browsers are supported, knowledge of Internet Explorer will be particularly beneficial. TCP/IP is geared towards the Windows Operating System, however is accessible for Mac users. Please speak directly to your tutor should you have any queries.
 

CIW Advanced HTML5 & CSS3 Specialist
HTML5 - Hypertext Markup Language version 5 / CSS3 - Cascading Style Sheets version 3
• Builds upon your manual coding skills
• How to develop web documents
• Create web pages using the HTML5 structure elements
• Embed video and audio
• Develop cross-browser user-input forms
• Use CSS3 to position and format content and to create effects such as transformations, transitions and animation

CIW JavaScript Specialist
• Design client-side, platform-independent solutions that greatly increase the value of your web site by providing interactivity and interest
• How to use JavaScript to communicate with users
• Modify the Document Object Model (DOM)
• Control program flow
• Validate forms, animate images, create cookies, change XHTML on the fly, and communicate with databases

Course Comparison

 

Units

  Standard  
  Premium  
CIW Foundations Associate
CIW Advanced HTML5 and CSS3 Specialist
CIW JavaScript Specialist
React (with Redux)

Premium Web Development Course

Internet Business Associate
• Internet connection methods, internet protocols, the Domain Name System (DNS), cloud computing and mobile devices
• Basic functions of web browsers, the components of web addresses and browser use in the business world
• How browser plug-ins and add-ons can improve your web-browsing experience, and how you will use browsers to download and manage files

Network Technology Associate
• Essential networking technologies and skills, including TCP/IP, stable network creation, wireless networking, mobile devices and
network troubleshooting*
• Different types of transmission media
• Functions, features and technologies associated with internet services, such as cloud computing

Site Development Associate
• Develop web sites using Hypertext Markup Language version 5 (HTML5) and Cascading Style Sheets (CSS)
• Write code manually, as well as use graphical user interface (GUI) authoring tools, insert images, create hyperlinks, and add tables, forms, video, and audio to your web pages

*It is important to note that although all browsers are supported, knowledge of Internet Explorer will be particularly beneficial. TCP/IP is geared towards the Windows Operating System, however is accessible for Mac users. Please speak directly to your tutor should you have any queries.
 
CIW Advanced HTML5 & CSS3 Specialist
HTML5 - Hypertext Markup Language version 5 / CSS3 - Cascading Style Sheets version 3
• Builds upon your manual coding skills
• How to develop web documents
• Create web pages using the HTML5 structure elements
• Embed video and audio
• Develop cross-browser user-input forms
• Use CSS3 to position and format content and to create effects such as transformations, transitions and animation
CIW JavaScript Specialist
• Design client-side, platform-independent solutions that greatly increase the value of your web site by providing interactivity and interest
• How to use JavaScript to communicate with users
• Modify the Document Object Model (DOM)
• Control program flow
• Validate forms, animate images, create cookies, change XHTML on the fly, and communicate with databases
Welcome
  • Setting up your environment, Installing visual studio code, Installing Node.js and yarn
Hello React
  • Setting up a web server, Setting up Babel, Exploring JSX, JSX expressions, conditional rendering in JSX, ES6 Aside: const and let, Arrow functions, Events and attributes
React Components
  • ES6 classes: Part 1, Part 11, Creating a React Component, Nesting Components, Component Props, Events and Methods, Method Binding, What is Component State?, Adding State to Counter App, Alternative setState Syntax, Build it: Adding state to VisibilityToggle, Indecision State: Part 1 and Part 11, Summary: Props vs. State
Stateless Functional Components
  • The Stateless Functional Component, Default Prop Values, React Dev Tools, Removing Individual Options, Lifecycle Methods, Saving and Loading Options Data, Saving and Loading the Count
Webpack
  • What is Webpack?, Avoid Global Modules, Installing & Configuring Webpack, ES6 Import/export, Default Exports, Importing npm Modules, Setting up Babel with Webpack, Once Component per file, Source Maps with Webpack, Webpack Dev Server, ES6 class properties
Using a Third-Party Component
  • Section Intro: Using a Third-Party Component, Passing Children to Component, Setting up React-Modal, Bonus: Refactoring Other Stateless Functional Components
Styling React
  • Section Intro: Styling React, Setting up Webpack with SCSS, Architecture and header Styles, Reset that $#!*, Theming with Variables, Big Button & Options List, Styling the Options List, Styling Option Item, Styling React-Modal, Mobile Considerations, Bonus: Favicon
React-Router
  • Section Intro: React Router, Server vs. Client Routing, Setting Up Budget App, React-Router 101, Setting up a 404, Linking Between Routes, Organizing Our Routes, Query Strings and URL Parameters, Build It: Router for Portfolio Site
Redux
  • Section Intro: Redux, Why Do We Need Something Like Redux?, Setting up Redux, Dispatching Actions, Subscribing and Dynamic Actions, ES6 Object Destructuring, ES6 Array Destructuring, Refactoring and Organizing, Reducers, Working with Multiple Reducers, ES6 Spread Operator in Reducers, Spreading Objects, Wrapping up Our Reducers, Filtering Redux Data, Sorting Redux Data
React with Redux
  • Section Intro: Connecting React and Redux, Organizing Redux, The Higher Order Component, Connecting Store and Component with React-Redux, Rendering Individual Expenses, Controlled Inputs for Filters, Dropdown for Picking SortBy, Creating Expense Add/Edit Form, Setting up a Date Picker, Wiring up Add Expense, Wiring up Edit Expense, Redux Dev Tools, Filtering by Dates
Testing your application
  • Section Intro: Testing React Components, Setting up Jest, Testing Expenses Action Generators, Testing Filters Action Generators, Testing Expenses Selector, Testing Filters Reducer, Testing Expenses Reducer, Snapshot Testing, Enzyme, Snapshot Testing with Dynamic Components, Mocking Libraries with Jest, Testing User Interaction, Test Spies, Testing Add Expense Page, Testing Edit Expense Page, Testing Expense List Filters, Testing Expense List Filters: Part II
Deploying your apps
  • Section Intro: Deploying Your Apps, Installing Git, What is Git?, Integrating Git into Our Project, Setting up SSH and Github, Production Webpack, Creating Separate CSS Files, A Production Web Server with Express, Deploying with Heroku, Regular vs Development Dependencies, New Feature Workflow, Build It: Adding Total Selector, Build It: Adding Summary Component
Firebase 101
  • Section Intro: Firebase 101, Getting Firebase, Writing to the Database, ES6 Promises, Promises with Firebase, Removing Data from Firebase, Updating Data, Fetching Data From Firebase, Array Data in Firebase: Part I, Array Data in Firebase: Part II
Firebase with Redux
  • Section Intro: Firebase with Redux, Asynchronous Redux Actions, Testing Async Redux Actions: Part I, Testing Async Redux Actions: Part II, Creating a Separate Test Database, Heroku Environment Variables, Fetching Expenses: Part I, Fetching Expenses: Part II, Remove Expense, Update Expense
Firebase Authentication
  • Section Intro: Firebase Authentication, Login Page and Google Authentication, Logging Out, Redirecting Login or Logout, The Auth Reducer, Private Only Routes, Public Only Routes, Private Firebase Data, Data Validation and Deployment
Styling Budget App
  • Section Intro: Styling Budget App, Styling Login Page, Styling Buttons, Styling Summary Area, Styling List Filters, Styling Inputs, Styling Expense Form, Styling Expenses List: Part I, Styling Expenses List: Part II, Adding Loader, Babel Polyfill, Final Deployment
What Now?
  • Section Intro: What Now?, Creating the Final Boilerplate, Budget App Enhancements, Indecision App Enhancements, New App Idea: Blog, Until Next Time

What Do I Need to Know About the Web Developer Course?

  • Be ready to start working as a Web Developer in as little as 3 months of studying
  • Complete the course around work and other commitments through online learning
  • Be supported by your dedicated tutor throughout your learning
  • Study in a way that’s convenient to you and graduate with certificates in CIW Foundation Associates, CIW HTML5 & CSS3 Specialist and CIW JavaScript Technology Associates
  • Upgrade your learning with our Premium Web Development course and benefit from a certificate of completion and 2 portfolios as proof of your expertise and practical knowledge in React

price-match-guarantee-sticker-01.png

At The Training Room we strive to offer our customers first-class service and training at competitive prices. In order to uphold our IT Price Match Guarantee we actively monitor the prices offered by our competitors. If you find a cheaper price for the same training - we'll match it.
 

Read our Terms and Conditions here

Want to find out more about a career in web development? Check out our handy infographics below!
 
How to become a web developer
 
A role in web development