Syllabus

Learning Outline

  • 1

    Welcome to Utiva!

    • Begin Here

    • Assignment Folder

  • 2

    Let's Begin by Laying The Foundations - FrontEnd Web Development.

    • Learning Outcomes

    • Class 1 - Introduction to Software Development.

    • Design For Software Development

  • 3

    The Developer's Toolkit.

    • Learning Outcomes

    • Class 2 - Introduction to the Developer's Toolkit.

  • 4

    Get Familiar With The Developer's Toolkit

    • Class 3 - Use The CSS Syntax for Styling.

    • Quiz 1

    • Assignment 1

  • 5

    Developer's Toolkit contd'.

    • Class 4 - Use The CSS Syntax for Styling II.

    • Quiz 2

    • Assignment 2

  • 6

    Explore Design Fundamentals

    • Learning Outcomes

    • Product Design Training— Course outline

    • Class 5 - Introduction to UI/UX Design.

    • Quiz 3

  • 7

    Product Design.

    • Class 6 - High Fidelity Mockup User Flows, Wireframes, Prototype.

    • Learning Material - Design Thinking

  • 8

    User Experience Design.

    • Class 7 - Interaction Design.

    • Quiz 4

  • 9

    Product Design Feedback Survey

    • Feedback Survey

  • 10

    Exploring Flexbox Model - Frontend Web Development contd'.

    • Learning Outcomes

    • Class 8 - Explore The Use of Flexbox Model and Bootstrap Framework.

    • Quiz 5

    • Assignment 3

    • Quiz 6

    • Assignment 4

  • 11

    Fundamentals of JavaScript.

    • Introduction to JavaScript

    • Class 9- Understanding the use of Syntax Conditionals, Arrays & Objects Loops.

    • Quiz 7

    • Assignment 5

  • 12

    Exploring The Use of JavaScript

    • Class 10 - Understand JavaScript Web Functions and Events

    • Class 11 - Understand Browser Dev Tools, Command line and IDE

    • Class 12 - Vs-Code, Working with Terminals.

    • Class 13 - Understand Git, Advance Git, Github, and Github Pages.

    • Class 14 - Working with API & JSON.

    • Class 15 - Building and publishing an NPM package.

  • 13

    Get Familiar with React.

    • Class 16 - Introduction to React and Components of React

  • 14

    Explore the Use of React.

    • Class 17 - Understand Two Way Datt Binding and Route and Navigations.

  • 15

    Lets Look at How to Solve Problems

    • Class 18 - Debugging: Using the Chrome Developer Tools.

    • Class 19 - Debugging: Searching Algorithms.

  • 16

    Frontend Web Development Feedback Survey

    • Feedback Survey

  • 17

    Get Familiar with Backend Development.

    • Introduction to Nodes

    • Class 20 - Introduction to NodeJS [Module System & Package Management].

  • 18

    Explore ExpressJS.

    • Class 21 - Introduction to ExpressJS.

    • Class 22 - ExpressJS.: CRUD Operations on Database and Searching the Database for Blog Pagination.

    • Class 23 - Using NPM and Packages.

    • Class 24 - Building and Publishing an NPM package.

  • 19

    Practice Class [NodeJS]

    • Class 25 - Work on NodeJS Practice Projects

  • 20

    Lets Solve Some Problems

    • Class 26 - Debugging: Using the Chrome Developer Tools.

    • Class 27 - Debugging: Searching Algorithms.

  • 21

    Practice Class [Debugging]

    • Class 28 - Work on Debugging Practice Projects.

  • 22

    Database Management

    • Class 29 - Introduction to Structured Query Language.

    • Class 30 - CRUD Operations.

    • Class 31 - Set up CRUD functions with our NodeJS REST API.

  • 23

    Backend Development Feedback Survey

    • Feedback Survey

  • 24

    Capstone Projects.

    • Project I: Create an E-commerce Website

    • Project II: Create a Food Delivery Website

    • Project III: Create a Chat Application/Website

    • Project IV: Create a Portfolio Website

    • Final Project: Create a Blog Website

  • 25

    We Would Love Your Feedback!

    • Feedback Survey