UI Design & Front End Development

Understanding & Applying  Design Fundamentals

  • What is UI Design?
  • UI vs UX Design
  • UI Design vs Front End Developer
  • Designing and Prototyping UI’s
  • Design Fundamentals
  • Color & Contrast
  • White Space
  • Visual Hierarchy
  • Complexity vs Simplicity
  • Consistency
  • Scale

Figma

  • Introduction
  • Learning Figma Interface
  • Setting up a new project
  • Adding and Editing Content
  • Completing the Design
  • Exporting, Sharing, and Prototyping
  • Working with clients

Front End Development

  • What is Front End Development?
  • Code Editors

HTML

  • Introduction
  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Paragraphs
  • HTML Styles
  • HTML Formatting
  • HTML Quotation
  • HTML Comments
  • HTML Colors
  • HTML Links
  • HTML Images
  • HTML Tables
  • HTML Lists
  • HTML Block & Inline
  • HTML Responsive
  • HTML Forms

CSS

  • Introduction
  • CSS Rulesets
  • CSS Selectors
  • CSS Declarations
  • CSS Values
  • CSS Units
  • CSS Relative Units
  • CSS Box Models
  • CSS Functions
  • CSS Animations
  • CSS Media Queries
  • CSS Libraries & Framework (Bootstrap, Materialize, Semantic UI, Tailwind
  • CSS, Animate CSS)

Javascript

  • What is Javascript?
  • JavaScript Stats
  • What can JavaScript do?
  • JavaScript Framework
  • Top Websites Built Using JavaScript
  • Benefits of JavaScript
  • JavaScript Fundamentals
  • JavaScript Variables
  • JavaScript Constants
  • JavaScript Data Types
  • JavaScript Objects
  • JavaScript Functions
  • JavaScript Conditional Statements
  • JavaScript Loops
  • JavaScript Switch Case
  • Animation (GSAP, FullPageJS, ThreeJS)

Final Project

  • Any one Responsive Website (Corporate, Hotel, Restaurant, School, etc.)
  • Portfolio Website