Introduction to Web Development

CSS & Website Layout

Learn how to effectively create the structure of a website using semantic HTML, and style websites with CSS and responsive layouts. Develop an understanding of different use cases for CSS Grid and Flexbox, and structure the layout of a web page using grid columns and rows.

JavaScript and the DOM

Use JavaScript to control a webpage. Learn what the Document Object Model (DOM) is, and use JavaScript and the DOM to dictate page content and interactions. Gain experience working with Browser Events and managing website performance by controlling content creation efficiently.

CSS Animations

Learn to build a variety of exciting CSS animations that will enhance the user’s experience and give your website development that extra edge. Develop understanding of how to use all aspects of CSS animations such as transitions, transforms, and keyframes to animate images, text, icons, SVGs, and much more.

Web APIs and Asynchronous Applications

Set up a Node and Express environment so you can develop web applications on your local machine, and learn to handle HTTP Requests & Routes. Update and modify website elements dynamically using asynchronously retrieved data.

Core Project: Fun Bear Game 🧸

Set up a Node and Express environment so you can develop web applications on your local machine, and learn to handle HTTP Requests & Routes. Update and modify website elements dynamically using asynchronously retrieved data.

Build a Basic Server API

Learn to build a basic server API and connect it to a user-facing app. As a challenge project, you’ll work on developing a custom API and connecting it to your previous HTML/CSS project assignment. This will enable learners to explore full-stack development.

React Fundamentals

Learn React fundamentals, which can typically be challenging because of the complicated modularity of the React ecosystem. Because of this, the lessons in this course break everything down into more digestible sections, enabling learners to build confidence and master foundational content that is necessary for building production-ready apps.

Material UI Design

Learn to set up and use Material UI (MUI), a CSS framework commonly used among large companies. This provides React components out-of-the-box and follows Google’s material design. Quickly build responsive apps with pre-built components and clean design.

React & Redux

Redux excels at state management, and in this course, you’ll learn how React and Redux work together to make your application’s state bulletproof. Like the previous course, the React & Redux course offers hands-on learning for real-world applications.

Introduction to NextJS

Most companies are now slowly transitioning from ReactJs to NextJs, a framework built on top of ReactJs. This has made frontend development a lot faster with hybrid static & server rendering, TypeScript support, smart bundling, route prefetching, and more. No config needed.

Core Project: Social Media

You will use the concepts learned so far in class to build a ReactJs app. You’ll apply Redux and design tools learned in class to build a responsive application.

Unlike most other courses, we introduce our students to the latest tech stack currently used in industry. In addition to the fundamentals, students will also learn advanced concepts and technologies necessary for a software engineer. Following are some of these from our course plan:

• CSS Animations

• Build a Basic Server API

• React Fundamentals

• Material UI Design

• React & Redux

• Introduction to NextJS

Students will also learn to apply these skills to creative and worthwhile portfolio projects.