Skip to Content

Curriculum Tech Prep Work Product Development Hub Initiatives

CTRL K

CTRL K

- - Module
    Version Control
    Module Outline
    Content
    Lesson 1: Introduction to Version Control and Command Line Basics
    Lesson 2: Basic Git Commands and Repositories
    Lesson 3: GitHub and Remote Repositories
    Lesson 4: Branching and Merging in Git
    Lab 1: Branching, Merging, and Handling Conflicts
    Lesson 5: Collaborating and Pull Requests
    Lesson 6: Best Practices for Code Reviews and Automating Workflows
    Assessments
    SBA: Version Control
  - Module
    Node and Express
    Module Outline
    Content
    Lesson 1: Introduction to Node.js & npm
    Lesson 2: Your First Express Server
    Lab 1: Build a Basic Express.js Server
    Lesson 3: Express Routing
    Lesson 4: Express Middleware
    Lesson 5: Server-Side API Consumption
    Lesson 6: Advanced API Interactions with axios
    Lab 2: Server to Server Communication
    Lesson 7: Project Structure & Configuration
    Assessments
    SBA: Build a RESTful Server
  - Module
    MongoDB Fundamentals
    Module Outline
    Content
    Lesson 1: Introduction to NoSQL & MongoDB
    Lesson 2: MongoDB Atlas & Connecting an App
    Lab 1: Connecting a Database
    Lesson 3: Mongoose Schemas & Models
    Lesson 4: Basic CRUD with Mongoose
    Lab 2: Mongoose Models and Schemas
    Lesson 5: Advanced Mongoose Querying
    Assessments
    SBA: Build a Product API
  - Module
    Foundations of Web Design
    Module Outline
    Content
    Lesson 1: Introduction to Web Design and Roles
    Lesson 2: Getting Started with Figma
    Lesson 3: Developing with Figma
    Lesson 4: Figma Resources
    Lab 1: Exploring Advanced Figma Features
    Lesson 5: Collaboration and Implementation
    Lab 2: Practicing Implementation with Frontend Mentor
    Lesson 6: CSS Libraries
    Lesson 7: Tailwind CSS
    Lesson 8: Bootstrap
    Lab 3: Developing with Bootstrap
    Assessments
    SBA: Design and Development
  - Module
    Artificial Intelligence (AI) and Tools for Software Engineering
    Module Outline
    Content
    Lesson 1: Introduction to Generative AI
    Lesson 2: GitHub Copilot Fundamentals
    Lesson 3: Github Copilot Fundamentals (Part 2)
    Lab 1: An AI Coding Challenge
  - Module
    HTML and CSS Review, with Accessibly
    Module Outline
    Content
    Lesson 1: HTML and CSS Review
    Lesson 2: Flexbox, Grid, and DevTools
    Lab 1: Interactive Accessibility Lesson
    Lesson 3: Integrating Accessibility into Web Design
    Assessments
    SBA: Building a Responsive and Accessible Web Page
  - Module
    JavaScript Review
    Module Outline
    Content
    Lesson 1: JavaScript Fundamentals, Template Literals, and Math Methods
    Lesson 2: DOM Manipulation & Event Handling
    Lesson 3: Arrays and Loops
    Lab 1: Variables and Functions
    Lab 2: Array Manipulation
    Lesson 4: Conditionals, Logical Operators, and Object Basics
    Assessments
    SBA: Task Management App
  - Module
    The Document Object Model
    Module Outline
    Content
    Lesson 1: Introduction to the DOM
    Lesson 2: Dynamic DOM Manipulation
    Lesson 3: Advanced DOM Manipulation Techniques
    Lab 1: Dynamic Content Creation
    Lesson 4: Advanced Event Handling and Event Delegation
    Lesson 5: Form Validation and User Input
    Lesson 6: Working with Local Storage
    Lab 2: Interactive User Registration Form
    Assessments
    SBA: The Document Object Model
  - Module
    TypeScript and Advanced JavaScript
    Module Outline
    Content
    Lesson 1: Introduction to TypeScript and Type Safety
    Lesson 2: TypeScript Functions, Interfaces, and Type Aliases
    Lesson 3: Classes, Object-Oriented Programming, and Modules in TypeScript
    Lab 1: TypeScript and Object-Oriented Programming
    Required Reading 1: Tooling for TypeScript and Object-Oriented Programming
    Lesson 4: TypeScript Generics and Advanced Types
    Lesson 5: Error Handling and Custom Errors
    Lesson 6: Asynchronous Programming with Promises
    Lab 2: Promises and Error Handling Challenge
    Lesson 7: Async/Await and the JavaScript Event Loop
    Lesson 8: Using the Fetch API for HTTP Requests
    Lesson 9: Closures, Higher-Order Functions, and Callbacks
    Assessments
    SBA: TypeScript and Advanced JavaScript
  - Project
    HTML, CSS, and JS
    Assessments
    Project: HTML, CSS, and JavaScript
    Content
    Required Reading 1: Deploying Static Web Applications
    Option 1: IP Address Tracker
    Option 2: URL Shortening API Landing Page
    Option 3: REST Countries API with Color Theme Switcher
  - Module
    React Fundamentals
    Module Outline
    Content
    Lesson 1: Introduction to React & Development Environment
    Lesson 2: JSX Deep Dive
    Lesson 3: Functional Components & Props
    Lab 1: Component Creation & Props
    Lesson 4: State Management with useState
    Lesson 5: Handling User Events
    Lab 2: State & Events
    Lesson 6: Conditional Rendering
    Lesson 7: Rendering Lists
    Lab 3: Lists, Keys, and Conditionals
    Lesson 8: Basic Forms
    Assessments
    SBA: React Dashboard Application
  - Module
    Advanced React
    Module Outline
    Content
    Lesson 1: useState and useEffect
    Lesson 2: useEffect Patterns and Best Practices
    Lab 1: React Counter with useEffect
    Lesson 3: Custom Hooks
    Lesson 4: Advanced Custom Hooks
    Lab 2: Custom Hooks Implementation
    Lesson 5: Context API
    Lesson 6: Advanced Context Patterns
    Lab 3: Context API Implementation
    Lesson 7: React Router
    Lab 4: Dynamic Routing
    Assessments
    SBA: Recipe Discovery App
  - Project
    React Development
    Assessments
    Project: React Development
    Content
    Required Reading 1: Deploying Static Web Applications
    Option 1: IP Address Tracker
    Option 2: URL Shortening API Landing Page
    Option 3: REST Countries API with Color Theme Switcher
  - Module
    Authentication and Authorization
    Module Outline
    Content
    Lesson 1: Foundations of Web Authentication & Password Security
    Lesson 2: Session and Token-Based Authentication
    Lab 1: Basic Login System
    Lesson 3: Securing API Endpoints
    Lab 2: Secure Record Storage
    Lesson 4: Third-Party Authentication with OAuth
    Lab 3: OAuth Integration
    Assessments
    SBA: Secure Web Portal
  - Project
    Middleware Development
    Assessments
    Project: Backend Development
  - Module
    Unifying User Interfaces with Web Applications
    Module Outline
    Content
    Lesson 1: The Full-Stack Ecosystem
    Lesson 2: Connecting React and Express
    Lesson 3: Designing Flexible APIs
    Lab 1: Full-Stack Integration Analysis
    Lab 2: API Flexibility Analysis
  - Module
    Deploying MERN Applications
    Module Outline
    Content
    Lesson 1: Deployment Fundamentals & CI/CD
    Lesson 2: Hosting & Production Preparation
    Lab 1: CI/CD Pipelines Analysis
    Lab 2: Full-Stack Deployment
  - Project
    MERN Full-Stack Portfolio
    Assessments
    Project: Full-Stack MERN Application
- Course
- - Module
    Introduction to Python (Netacad)
    Assessments
    Lab 1: Introduction to Python and Computer Programming
    Lab 2: Data Types, Variables, Operators, and Basic I/O
    Lab 3: Conditionals, Loops, and Lists
    Lab 4: Functions, Tuples, Dictionaries, and Exceptions
    SBA: Python Essentials 1
  - Module
    Advanced Python (Netacad)
    Assessments
    Lab 1: Modules, Packages, and PIP
    Lab 2: Strings, String and List Methods, Exceptions
    Lab 3: Object-Oriented Programming
    Lab 4: Generators, Closures, and Utility Modules
    SBA: Python Essentials 2
  - Module
    Introduction to JavaScript (Netacad)
    Assessments
    Lab 1: Getting Started with JavaScript
    Lab 2: Building a Personal Info Card in JavaScript
    Lab 3: Interactive Temperature Converter
    Lab 4: Interactive Guessing Game
    Lab 5: Functions and Reusability – Grade Calculator
    Lab 6: Error Handling and Debugging in JavaScript
    SBA: JavaScript Essentials 1
  - Module
    Advanced JavaScript (Netacad)
    Assessments
    Lab 1: Classless Objects
    Lab 2: Classes and Inheritance
    Lab 3: Built-in Objects and APIs
    Lab 4: Advanced Functions and Asynchronous Programming
    SBA: JavaScript Essentials 2
- - Tech Prep Work
    Web Development
  - Tech Prep Work Information
  - HTML Foundations
  - CSS Foundations
  - JS Foundations
  - Tech Prep Certificate

On This Page

Technical Preparation Work (Tech Prep Work)
Course Modules
Section 1: Front-End Development Fundamentals
Section 2: Development Efficiency and React
Section 3: Back-End Development Fundamentals
Section 4: Full-Stack Development with MERN

Report issues with this page Suggest edits via GitHub

Did you find this page helpful?

UCI 1018.1 Course Index

Full Stack Software Development - MERN

Technical Preparation Work (Tech Prep Work)

HTML, CSS, and JavaScript Foundations

Course Modules

Section 1: Front-End Development Fundamentals

Module 1: Introduction to Version Control
Module 2: HTML and CSS Review with Accessibility
Module 3: Foundations of Web Design
Module 4: JavaScript Review
Module 5: The Document Object Model (DOM)
Module 6: TypeScript and Advanced JavaScript
Module 7: HTML, CSS, and JavaScript Project Development

Section 2: Development Efficiency and React

Module 8: Introduction to Artificial Intelligence (AI) and Tools for Software Development
Module 9: React Fundamentals
Module 10: Advanced React Concepts
Module 11: React Project Development

Section 3: Back-End Development Fundamentals

Module 12: Node and Express
Module 13: MongoDB Fundamentals
Module 14: Authentication and Authorization Principles
Module 15: Middleware Project Development

Section 4: Full-Stack Development with MERN

Module 16: Unifying User Interfaces with Web Application Backends
Module 17: Deploying MERN Applications
Module 18: MERN Full-Stack Project Development

Mock Interview Guidance – JavaScript Essentials