Topic 1: Basic Web Development

In this unit, you’ll develop an understanding of HTML, JavaScript, and CSS that you’ll learn throughout the program. You’ll familiarize yourself with the industry’s most commonly used languages and technologies.

• Review and expand on the web development fundamentals you’ll need to succeed in any full-stack career.
• Learn how to use Chrome’s native debugger to find and fix problems in your code.
• Learn about how timers work in JavaScript.

Topic 2: DOM Manipulation

JavaScript, known as “the programming language of the web,” will provide the backbone of the web development stack. In this unit, you’ll learn more intermediate skills, such as leveraging JavaScript to build sophisticated, event-driven applications using the DOM.

• Explore how JavaScript interacts with HTML
• Learn about the DOM (Document Object Model) and how to use it to find and modify HTML on a webpage
• Learn about Event-Driven Programming, for instance, how JavaScript and HTML interact when you click on a button

Topic 3: Github fundamentals

Before starting with any web development, you’ll need to build a solid foundation. In this unit, you’ll learn essential tools of the trade.

• Learn how to use the command line in your computer’s Terminal
• Learn how to use Git and GitHub for version control
• Push JavaScript Timers exercise to GitHub through the command line

Topic 4: Testing with Jasmine

In this unit, you’ll learn one of the most fundamental skills that any developer needs to know: testing.

• Learn how to write unit tests in a JavaScript testing library called Jasmine
• Understand the benefits of testing and testing best practices
• Submit a hands-on exercise on testing in Jasmine

Topic 5: Advanced Array Methods

This unit focuses on practical manipulations of the array data structure. You’ll use these skills in later units to refactor the code on some of your earlier projects.

• Learn and get comfortable with advanced array methods
• Dive deeper into callback functions and higher order functions, introduced in Web Fundamentals
• Learn methods like sum, find, index, and reduce

Topic 6: Advanced ES2015

In this unit, you’ll learn the version of JavaScript used by most workplaces, ECMAScript 2015 or ES2015 for short. The changes let developers write less code to achieve the same functionality.

• Familiarize yourself with the new features of ES2015
• Gain context for why these features were added
• Prepare yourself for reading, understanding, and writing code on modern codebases
• Gain a more in-depth understanding of JavaScript

Topic 7: Student Management System (Project 1)

Project Title: Student Management System

Project Description:

The Student Management System is a web application that allows administrators to manage student information efficiently. It leverages DOM Manipulation, advanced array methods, and features from the ES2015 update to provide a user-friendly interface for adding, updating, and searching student records.

• Plan and code in JavaScript
• Prepare for your code review
• Participate in a live code review

Topic 8: Object-Oriented Programming

In object-oriented programming, data is structured into classes, and coded procedures manipulate the data into objects. In this unit, you’ll learn the ins and outs of object-oriented programming and work on projects that involve refactoring and creating an object-oriented class to model a car.

• Learn how to use this keyword
• Explore how ES2015 implements classes
• Refactor or rewrite code

Topic 9: jQuery and Twitter Bootstrap

The two most popular libraries in web development are jQuery and Bootstrap. In this unit, you’ll learn jQuery and then have the option to work through a Twitter Bootstrap subunit. The unit will also provide exercises on each to reinforce your learning.

• Learn how to use the JavaScript jQuery library for DOM manipulation
• Learn how to use the CSS Twitter Bootstrap library for powerful styling

Topic 10: How the Web Works and AJAX

JavaScript can also be used to fetch external data with a series of technologies known as AJAX, which you’ll explore in this unit. You’ll first learn the protocols of how the web works and then move on to one of the tougher topics in JavaScript, asynchronous code.

• Gain a conceptual understanding of how the internet works, including learning about the protocols that power the web
• Learn how to access other people’s publicly available data through APIs
• Learn how JavaScript can be used to request and receive data
• Learn about AJAX and how to write asynchronous code

Topic 11: Introduction to python

This unit will introduce you to back-end development through learning Python. You’ll get comfortable with the language just like you did with JavaScript and recognize key differences and similarities between Python and JavaScript.

• Get up and running with your second programming language: Python
• Learn how Python differs from JavaScript
• Learn about back-end programming
• Work on a small number of Python exercises

Topic 12: Flask Fundamentals

You’ll begin building full-stack applications through the popular web framework Flask. Reddit, Netflix, Lyft, and Airbnb all use Flask in their stack. You’ll also learn essential backend concepts like server-side templates, rendering, redirecting, cookies, and sessions.

• Learn what a framework and web server do
• Learn how Flask processes HTTP requests and responses
• Work on exercises to set up Flask and build simple apps

Topic 13: SQL

SQL is foundational towards building any relational database-backed application and has been the standard for over 40 years. In this unit, you’ll get started working with databases and SQL.

• Learn SQL, the world standard for database querying language
• Learn about databases and relational databases
• Familiarize yourself with Postgres, a Relational Database Management System

Topic 14: SQLAlchemy

This unit will help you build more complex web applications through an ORM called SQLAlchemy, which allows you to use your knowledge of SQL but handle database operations in Python.

• Learn how to use SQLAlchemy, an object-relational-mapper (ORM)
• Use SQLAlchemy to write Python code that executes in a Postgres database

Topic 15: Intermediate-level Flask

In this unit, you’ll start building production applications in the real world. You’ll also learn how to make HTTP requests from the backend, allowing you to interact with most APIs to fetch and send data to and from external data sources.

• Start building JSON APIs
• Secure applications with hashed passwords and authentications and authorization
• Learn about RESTful routing and interacting with APIs from the server side
• Begin brainstorming topics for your first Capstone project.

Topic 16: Fweets (Project 2)

This unit is built around a project where you’ll create a Twitter clone called Fweets.
The SocialMediaClone project aims to create a web application that emulates the core functionalities of Twitter, allowing users to post messages (tweets), follow other users, and engage in football conversations through comments and likes. You’ll work with a large codebase and then add functionality to the clone.

• Create a clone of Twitter and add additional functionality
• Practice reading a large codebase and interacting with elements you may be unfamiliar with

Topic 17: Introduction to Node

In this unit, you’ll revisit JavaScript and learn about Node.js and how to use its asynchronous model to build performant applications.

• Learn about node, a JavaScript technology that allows you to write server-side JavaScript
• Review asynchronous calls and AJAX
• Learn Jest, a JavaScript testing library

Topic 18: Introduction to express

Many major companies like PayPal, Uber, and IBM use Express in their tech stack, and almost every company where you’d be using Node, you’ll also use Express. In this unit, you’ll learn some of the intricate parts of this framework and use it to build an API.

• Learn how to build Express web servers and APIs
• Understand how to refactor routes to handle login in a more intelligent way

Topic 19: Express and Postgress

In this unit, you’ll build a full-stack application with Postgres and Express.

• Learn how to connect a database to an Express app
• Learn how to work with asynchronous code, and handle common security exploits
• Write basic CRUD (Create, Read, Update, Delete) queries and make your own simple ORM

Topic 20: Intermediate-level Express

This unit explores more advanced features of Express including authentication and authorization using JSON Web Tokens.

• Dive into how Express does authentication and authorization with JSON web tokens (JWT)
• Learn how to implement API validations

Topic 21: Introduction to ReactJS

Written by Facebook, this framework allows for building robust applications that can scale easily. Once you have a solid grasp on what React is and how to build components and simple applications, you’ll layer on more complexity with a few additional built-in hooks.

• Be introduced to the concept of components as well as React Forms, Effect and Refs
• Get an introduction to Trees, how they’re implemented, and the various classes

Topic 22: React Router and React History

If you have visited a website that has changing URLs but displays the same page, you know you’re dealing with a React Router. It is used ubiquitously online and across the corporate world.

• Familiarize yourself with the React Router library, which allows you to do client-side routing
• Build simple web applications with React Router

Topic 23: React Hirely (Project 3)

Hirely is a web application built with React that allows users to browse and search for job listings, apply for jobs, and manage their job applications. It provides a user-friendly interface for job seekers to find and apply for their desired positions using a dynamic front-end React app. You’ll design the app then deploy it using Heroku.

Topic 24: Data Structures and Algorithms

Not only are Data Structures and Algorithms essential for succeeding in interviews, but they are also an important topic for understanding how to architect applications and make the right tradeoffs regarding performance.

• Learn about the most important algorithms and data structures that every aspiring software engineer should know
• Learn about data structures like stacks, graphs, queues, and linked lists which are ubiquitous in real-world development

Topic 25: Redux

Redux is one of the most popular React libraries. Go through this optional unit to learn about its features and debugging capabilities.

Be introduced to the Redux library, which is a more elegant way to share data amongst components than the Context API

• Learn about the features of Redux, and when you would choose to use it instead of Context
• Get some hands-on experience building small apps in Redux

Topic 26: TypeScript

Typescript, a superset of JavaScript, has become increasingly popular in recent years. Learning TypeScript will make you more competitive in your job search while keeping your coding skills sharp.

• Be introduced to TypeScript and how it’s used to define elements within programming
• Learn about the features of TypeScript including object types and union types

Topic 26: Capstone Project

Build any project of your choice with Node/Express/React and more robust features. You’ll again create a database-driven website with an external API of your choice. You will submit portions of the project for evaluation three times: several project ideas, a project proposal, and the complete GitHub repo.

Topic 28: Soft Skills Training

A lot of companies are not just looking for the technically skilled but for good all round professionals. At LM Tech Hub giving our students the right soft skills for the job market is in our DNA. Our students learn how to communicate effectively, work as a team player, learn how to learn and how to adapt to change.

Topic 28: Project Management