Frontend Web Development!
Analyze data and build professional-quality business intelligence reports from the ground up by blending and transforming raw data into beautiful interactive dashboards.
Learning Outline
Begin Here
Let's get you started!
Learning Outcomes
Learning Slides
Hello!
Introduction to Product Design
UX Design Process - Design thinking
Getting Started with your business case
Learning Slide
Learning Outcomes
IA and userflow
High Fidelity Prototyping I
Figma Basics
Low Fidelity prototyping
Learning Slide
Handover and Testing
Recap and goodbye
Feedback Survey
Learning Outcomes
Class 3 - Use The HTML tool for Markup & The CSS Syntax for Styling
Live Class Recording
Quiz 1
Assignment 1
Learning Outcomes
Class 4 - Use The HTML tool for Markup & The CSS Syntax for Styling II
Live Class Recording
Quiz 2
Assignment 2
Learning Outcomes
Class 5 - Explore The Use of Flexbox Model and Bootstrap Framework for Powerful Alignment and Responsive Front-End Web Development
Live Class Recording
Quiz 3
Assignment 3
Class 6 - Explore The Use of Bootstrap Framework for Powerful Alignment and Responsive Front-End Web Development
Live Class Recording
Quiz 4
Assignment 4
Introduction to JavaScript
Class 7- Understanding the use of Syntax Conditionals, Arrays & Objects Loops.
Live Class Recording
Quiz 5
Assignment 5
Class 8- Understand JavaScript Web Functions and Events
Live Class Recording
Class 9- Interacting with the DOM
Live Class Recording
Class 10- Understand Browser Dev Tools, Command line and IDE
Live Class Recording
Class 11- Understand V code and Working with Terminals
Live Class Recording
Class 12 - Understand Git, Advanced Git, Github and Github Pages
Live Class Recording
Class 13 - Brainstorming Session
Live Class Recording
Feedback Survey
Class 14 - Learn how to work with API and JSON
Live Class Recording
Class 15 - Building and Publishing an NPM Package
Live Class Recording
Complete Your Payment!
Class 16 - Introduction to React
Live Class Recording
Class 17 - Components of React
Class Recording
Class 18 - Understand Two Way Binding I
Live Class Recording
Class 19- Understand Two Way Binding II
Live Class Recording
Class 20 - Understand Route and Navigations I
Live Class Recording
Class 21 - Understand Route and Navigations II
Live Class Recording
Class 22 - Debugging: using the Chrome Developer Tools
Live Class Recording
Class 23 - Debugging: Searching Algorithms
Live Class Recording
Feedback Survey
Class 24 - Brainstorming Session
Live Class Recording
Project I: REST Countries API with Colour theme Switcher
Project II: Create a Product Landing Page
Welcome to the Jobberman x Utiva Employability Program
Sharpening Your Soft Skills
Welcome to the SkilledUp Life UK x Utiva Employability Program
Practice What is have Learnt So far.
Feedback Survey