@laravelPWA ITeachGlobally | Front-End Developer Professional Certificate
ITeachGlobally
Category
Sign In
0

Loading ...

Course Details

Front-End Developer Professional Certificate

Instructor Name

ITG
Category

Front End Development

Reviews

0 (0 Rating)

Course Requirements

  • No prior experience or degree is needed, it’s designed for absolute beginners

  • You’ll need to pass the capstone project along with all courses to earn the certificate

    • Course Description

    This program is a comprehensive, beginner-friendly path to becoming a front-end developer, led by industry experts. You’ll gain hands-on experience with HTML, CSS, JavaScript, React, UI/UX principles, version control, testing, and more. Along the way, you’ll work on real-world, portfolio-ready projects and a final capstone that ties together everything you’ve learned

    Course Outcomes

    Graduates of this program should be able to:

    • Build responsive web pages using HTML, CSS, and JavaScript.

    • Use Bootstrap for styling and layout.

    • Apply React.js to create dynamic and interactive user interfaces.

    • Use version control tools like Git and GitHub efficiently.

    • Conduct usability testing, UI/UX research, and design with user personas in mind.

    • Write unit tests using frameworks like Jest.

    • Grasp data structures and algorithms fundamentals, improving coding and debugging capabilities.

    • Practice clean coding, implement accessible layouts, and conduct peer reviews in the capstone.

    • Get ready for technical interviews through the coding interview preparation course.

    Course Curriculum

    1 Introduction To The Program

    2 Introduction To The Course

    3 Front End, back end and full stack developer roles

    4 A Day In The Life Of A Front End Developer

    5 Course syllabus for Introduction to Front-End Development

    6 How to be successful in this course

    7 Capstone project demo: Little Lemon website

    8 Meeet and greet

    1 How the internet works

    2 What is a web server and how does it work

    3 What are websites and web pages

    4 What is a web browser and how does it work

    5 Web Hosting

    6 Knowledge Check - How the web works Practice Assignment [Quiz]
    15 Min

    7 Additional Resources

    1 Introduction to internet protocols

    2 Introduction to HTTP

    3 HTTP examples

    4 Introduction to HTML, CSS and Javascript

    5 Other Internet Protocols

    6 Webpages websites and web apps

    7 Developer Tools

    8 Exercise: Examine a web page

    9 Exercise: Edit a website using a browser developer tools

    10 Frameworks and libraries

    11 APIs and services

    12 What Is An IDE

    13 How the web works [Quiz]

    14 Quiz [Quiz]
    15 Min

    15 Summary - Get Started With Web Development

    1 What Is Hyper Text Mark Up Language

    2 HTML Documents

    3 Simple html tags

    4 Linking Documents

    5 Adding Images To A Webpage With HTML

    6 Using HTML To Work With Data In Tables

    7 What Are Forms

    8 Introduction To Dom

    9 Web Accessibility

    10 Quiz [Quiz]
    15 Min

    11 Additional Resources

    1 Selecting And Styling

    2 Different types of selectors

    3 Text and color in CSS

    4 Box Model Introduction

    5 Document Flow

    6 Alignment Basics

    7 Quiz [Quiz]
    15 Min

    8 Summary -Introduction To HTML and CSS

    9 Additional Resources

    1 Working With Libraries

    2 Introduction To Responsive Design

    3 Getting Started With Bootstrap

    4 Using Bootsrap Styles

    5 Bootstrap Grid

    6 Bootstrap Components

    7 Using Bootstrap documentation

    8 Additional Resources

    9 Other CSS frameworks and libraries

    10 Quiz [Quiz]
    15 Min

    1 Static And Dynamic Content

    2 Single Page Application

    3 What Is React

    4 Case Study: Why did Facebook engineers create React?

    5 How React Works

    6 The virtual dom

    7 Component Hierarchy

    8 Alternatives to react

    9 Quiz [Quiz]
    15 Min

    10 Summary - UI Frameworks

    1 Summary - Introduction To Web Development

    2 About the Ungraded Lab: Improve your Bio page with Bootstrap

    3 Quiz [Quiz]
    30 Min

    1 Introduction to programming with Javascript

    2 How is Javascript used in the real world

    3 Setting up vscode

    4 Introduction to programming

    5 Why Javacsript

    6 Programming in JavaScript

    7 Variables

    8 Data Types

    9 Operators

    10 Numbers

    11 strings

    12 Booleans

    13 Quiz [Quiz]
    12 Min

    1 Writing Statements

    2 Working with conditional statement

    3 Looping Constructs

    4 For Loop

    5 While Loop

    6 Nested Loops

    7 Summary - Introduction to Javascript

    1 Functions

    2 Storing Data In Arrays

    3 Introduction to objects

    4 Math Object

    5 A closer look at strings

    6 TypeOf

    1 Bugs and Errors

    2 Try Catch Blocks

    3 Undefined, null and empty values

    4 Module summary: The Building Blocks Of A Program

    1 Introduction To Functional Programming

    2 Function Calling And Recursion

    3 Introduction To Scope

    4 Scoping with var, lets and const

    5 Comparing var, const and let

    1 Introduction To Object Oriented Programming

    2 Classes

    3 Inheritance

    1 De-structuring Arrays And Objects

    2 For-of loops and Objects

    3 Working with template literals

    4 Data Structures

    5 Speed Operator

    6 Rest Operator

    1 Javascript Modules

    2 JavaScript DOM manipulation

    3 Javascript Selectors

    4 Event Handling

    5 Javascript Object Notation - Json

    6 Module Summary - Programming Paradigms

    1 Other Javascript Enviroment - node & NPM

    2 What Is Testing

    3 Types Of Testing

    4 Introduction To Jest

    5 Writing Test With Jest

    6 Test Driven Development

    7 Module Summary : Testing

    8 quiz [Quiz]
    30 Min

    1 Introduction To The Course

    2 How Do Programmers Communicate In The Real World

    1 What Is Version Control

    2 Case Study - How Meta Engineers Collaborate

    3 Systems Of Version Control and Tools

    4 A History Of Revisions

    5 Module Summary - Software Collaboration

    1 The Command Line

    2 What Are Unix Command

    3 Using Bash On Windows

    4 Change Directories And List Contents

    5 Creating And Moving Directories And Files

    6 Pipes

    7 Redirection

    8 Grep

    9 Module Summary - Command Line

    1 What Is Git And Github

    2 Creating And Cloning A Repository

    3 How Git Works

    4 Add And Commits

    5 Branches

    6 Remote vs. local

    7 Push And Pull

    8 Head

    9 Diff Commands

    10 Blame

    1 Module Summary - Working With Git

    2 Course Recap ; Version Control

    3 Congratulations You Have Completed Version Control

    1 Introduction To The Program

    2 Introduction to HTML and CSS in depth

    3 How are HTML and CSS used in the real world?

    4 Recap: What you know about HTML and CSS

    1 Semantic tags and why we need them

    2 Semantic tags in action

    3 Meta Data

    4 Bare bones layout

    5 UX with meta tags

    6 Setting up a social media card

    1 Forms and Validation

    2 Creating a form

    3 Making the most of client-side validation

    4 Radio Buttons

    5 Using interactive form elements

    6 Form Submission

    7 Browser Difference

    1 Video and Audio

    2 Embedded players

    3 iFrames

    4 iframe As A Picture

    5 The Canvas Element

    6 Module summary: HTML deep dive

    1 CSS Web Layout

    2 Basic Flexbox

    3 Flex Charts

    4 CSS Grids

    5 Grid Showcase

    6 Case study: How Meta creates responsive builds

    1 Widely used selectors

    1 What Is An Effect

    2 Test Effects

    3 CSS Transforms and transitions

    4 CSS Animation

    5 CSS Examples

    1 Common Errors

    2 JavaScript DOM manipulation

    3 JavaScript Selectors

    4 Event Handling

    5 JavaScript Object Notation - JSON

    6 Module summary: Programming Paradigms

    1 Introduction to the course: React Basics

    2 How Is React Used In The Real World

    1 Why React

    2 React.js overview

    3 Introduction to functional components

    4 Creating React components

    5 The React project structure

    6 Importing components

    1 Principles of components: Props

    2 Using props in components

    3 Introducing JSX

    4 Practical styling

    5 Embedded JSX expressions

    6 Embedding in attributes

    7 Module summary

    8 Quiz [Quiz]
    1 Hour

    1 Types Of Event

    2 Common Events

    3 Syntax for handlers

    1 Parent-child data flow

    2 Children And Data

    3 What Are Hooks

    4 What Is State

    5 Observing State

    6 Managing State

    7 React state management

    8 Stateful vs. stateless

    9 Module summary

    1 Basic Types of navigation

    2 The Navbar

    3 Conditional rendering

    4 Single view conditional updates

    1 Quiz [Quiz]

    2 What is an asset and where does it live?

    3 Using embedded assets

    4 Audio and video

    5 Module summary: navigation, updating and assets in React.js

    6 Create an audio / video component

    1 Introduction to the course - Advance React

    2 React and your career opportunites

    3 Setting up VS code

    4 Grid Layouts

    1 Transforming lists in JavaScript

    2 Render a simple list component

    3 What are Keys in React?

    4 Using Keys Within List Components

    1 What are controlled components?

    2 Creating a Form component in React

    3 Create a Controlled Form Component

    1 What you know about Props and State

    2 What is Context, and why is it used?

    3 Module summary: Components

    1 Working with React hooks

    2 Revising useState hook

    3 Using the useState hook

    4 What are side effects?

    5 Using the useEffect hook

    1 What are the rules of hooks?

    2 What you need to know before fetching data

    3 Fetching data – Putting it all together

    4 APIs

    1 What is useReducer and how it differs from useState

    2 useRef to access underlying DOM

    1 JFX, Components and Elements

    2 The importance of performance to software development

    3 Component composition with children

    4 Manipulating children dynamically in JSX

    5 Spread Attributes

    1 Cross-cutting concerns in React

    2 Create a HOC for cursor position

    3 Render props

    1 Why React Testing Library

    2 Writing the first test for your form

    3 Style guides

    4 Module summary: JSX and Testing

    1 Quiz [Quiz]
    1 Hour

    2 Course recap: Advanced React

    3 Congratulations, you have completed Advanced React!

    1 Recap Programming With Javascript

    2 Course Wrap Up

    1 Principles of UX/UI Design Meta

    2 Introduction to UX and UI

    3 A day in the life of a Meta product manager

    4 Final project overview

    1 What Is UX

    2 UX goals + Quality components

    3 Overview of the UX process

    1 What Is UI

    2 Getting started with Figma

    1 Course Recap for Principles of UX and UI

    2 Course Recap for Principles of UX and UI

    1 Who is your user?

    2 Empathy tools

    3 Case Study: User research in the real world

    4 Module summary: Introduction to UX and UI

    1 Evaluating Design

    2 Case Study: Accessibility at Meta

    1 Form Design

    2 Components in UI design

    1 Little Lemon Evaluation

    2 Navigation best practices

    3 Module summary: Evaluating interactive design

    1 Frames, layers and basic shapes

    2 Type and text

    3 Grids and constraints

    4 Manipulating elements

    5 Working with images

    1 Wireframing

    2 Usability testing

    3 Module summary: Applied design fundamentals

    1 Make it beautiful

    2 Stylize High-fidelity design

    1 What are design systems?

    1 Moving from design to prototyping

    2 Animate and test your prototype

    3 Case Study: How Meta uses micro interactions

    4 Module summary: Designing your UI

    1 Introduction to the course

    1 Setting up the project

    2 Quiz [Quiz]
    1 Hour

    1 Setting up a semantic HTML document

    1 Styling elements

    1 Project components

    2 Module summary: Project foundations

    1 Customer table bookings

    1 Querying a table booking API

    1 The importance of UX

    2 Module summary: Project functionality

    1 Widely Used Selectors

    2 Combination selectors

    3 Pseudo-classes

    4 Practical use of pseudo

    1 Course recap: React Basics

    2 Exemplar: Build a calculator app

    1 Introduction To The Course - Coding Interview Preparation

    2 Introduction to the technical recruitment process

    1 What is a coding interview?

    2 Communication

    3 What to expect from a technical interview

    1 Binary

    2 Memory

    3 Time complexity

    4 Module summary: Introduction to the coding interview

    1 List and Sets

    2 Stacks and queues

    1 List and Sets

    2 Stacks and queues

    3 Trees

    1 Hash Tables

    2 Heaps

    3 Graphs

    4 Module summary: Introduction to data structures

    1 Sorting Algorithms

    2 Searching Algorithm

    1 Divide and Conquer

    2 Recursion

    3 Dynamic Programming

    4 Greedy algorithms

    5 Module summary: Introduction to algorithms

    1 Course recap: Capstone Project

    2 Course recap: Capstone Project

    3 Quiz [Quiz]
    1 Hour

    1 Course Recap

    2 Course wrap up

    1 Planning the UX and UI

    2 Module summary: Starting the project

    1 Customer table bookings

    1 The importance of UX

    2 Module summary: Project functionality

    Instructor

    ITG

    0 Rating
    0 Reviews
    1436 Students
    23 Courses

    More Courses by Author

    £120.00

    Product Management Diploma
    0/5
    250 Lessons 1 Students
    £120.00

    Igbo
    0/5
    0 Lessons 0 Students

    Student Feedback

    Front-End Developer Professional Certificate

    0

    Course Rating
    0.00%
    0.00%
    0.00%
    0.00%
    0.00%

    No Review found

    Sign In or Sign Up as student to post a review

    Reviews

    Course you might like

    Free

    Android Developer Professional Certificate
    0/5
    6 Lessons 0 Students
    Free

    Front End Development
    0/5
    26 Lessons 0 Students

    £120.00

    Add To Cart Buy Now

    This course includes:

    • Duration

    • Skill Level Advance

    • Lectures 370 lessons

    • Enrolled 0 students

    • Certificate of Completion

    Shopping Cart

    Loading...
    View cart Checkout