@laravelPWA ITeachGlobally | Introduction to Front-End Development
ITeachGlobally
Category
Sign In
0

Loading ...

Course Details

Introduction to Front-End Development

Instructor Name

ITG
Category

Front End Development

Reviews

0 (0 Rating)

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

Introduction to Front-End Development

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