• Free

Front-End Developer

  • Course
  • 48 Lessons

Contents

UI & UX Basics

UI&UX Complete Video
Visual Element Line
Visual Element SHAPES
Visual Element TEXTURES
Visual Element SPACE
Visual Element FORM
Symmetrical and Asymmetrical Balance
Emphasis by Contrast
Rhythm in Graphic Design
Color Theory
Alignment in Graphic Design
Typography (Part 1)
Typography (Part 2)
Kerning in Typography
Hierarchy, Leading & Alignment in Typography

Canva Complete Course

Canva Complete Video

Create UI in Figma with MUI

A) MUI Overview
B) Create Sidebar & Navbar with MUI
C) Create Page Heading & Stats Card with MUI
D) Create Folder & Video Card with MUI
E) Create Table with MUI
Figma Basics

Wordpress Complete Course

How To Make a WordPress Website ?
Use Local WP for WordPress

Elementor Complete Course

Installation and Basic Setting
Magnet Brains Site Overview
Magnet Brains Home Page
Magnet Brains Home Page 1
Magnet Brains Header & Footer
Magnet Brains Single Page Course

Anywhere Elementor

How to design a Single Post Template using AnyWhere
How to open post content in Modal Popup using Elementor?
How To Create Dynamic Accordion with ACF Repeater Fields In Elementor ?
How To Display ACF Flexible Content Fields In Elementor?
How To Use Different Render Modes In Anywhere Elementor Pro?
How To create Dynamic Testimonial Slider In Elementor?
Introducing Triggers For Carousel and Accordion Layouts.
Nested ACF Repeater Fields With Elementor

HTML Complete Course

HTML Complete Video

CSS Complete Course

Introduction

  • Level 1: CSS Basics

  • Level 2: Color System & Background

  • Level 3: Text Properties

  • Level 4: Box Model

  • Level 5: Display and Position

  • Level 6: FlexBox, Grid and Media Queries

  • Level 7: Animation, Transition & Transform

CSS Complete Video

JavaScript Complete Course

  • Introduction

  • Ch1: Introduction to JavaScript

  • Ch1: Practise Exercise

  • Ch2: Numbers & Strings

  • Ch2: Practise Exercise

  • Ch3: Javascript with HTML & CSS

  • Ch3: Practise Exercise

  • Ch4: Variables

  • Ch4: Practise Exercise Project 1: Calculator

  • Ch5: if-else & Boolean

  • Ch5: Practise Exercise

  • Ch6: Functions

  • Ch6: Practise Exercise

  • Ch7: Objects

  • Ch7: Practise Exercise

  • Ch8: JSON, Local storage, Date & DOM

  • Ch8: Practise Exercise

  • Ch9: Arrays & Loops

  • Ch9: Practise Exercise

  • Project 3: Todo App

  • Ch10: Advance Functions

  • Ch10: Practise Exercise

JavaScript Complete Video

React, MUI & GitHub

React
MUI
Git Basics Frequently Used Commands Guide
MUI Material Kit Folder
React Complete Course For Beginner
GitHub Magic: Upload Your Projects and Launch
Git & GitHub - Collaboration