Hi! I'm Sakib Rasul, an instructor at Flatiron School. Here are some of my notes on software engineering.

If you see something wrong, you can let me know with a pull request. Thanks!

Updated: June 3, 2024

Phase 1: JavaScript

Fundamentals

• Introduction An introduction to HTML, JS, and CSS.
• Scuber Calculate distances and fares for their hyperlocal ridesharing service.

Manipulation

• Today, Tomorrow, Forever? Modify new and existing elements on a webpage with the power of JavaScript.

Events

• Introduction An introduction to event listeners.
• TaskLister Use event listeners to add and remove tasks to and from a to-do list.

GET

• Game of Thrones Retrieve a list of Game of Thrones books by invoking fetch().

POST

• Slides Available in Keynote, PowerPoint, and PDF formats.
• Creating Data with JSON Server and POST Requests Add humans (or dogs, or cats, or robots, or whatever) to a local database with the help of json-server and fetch().

Appendix

• Advanced Concepts An overview of more advanced general programming and JavaScript concepts.

Challenges

• Humans, Dogs, Cats, and Robots Get, add, update, and remove humans (or dogs, or cats, or robots) from and to a local database with the help of json-server and fetch().
• Ramen Rater Manage the metadata of your favorite ramen dishes with the help of GET requests, event listeners, and DOM manipulation.
• Calexico Create a storefront for Calexico with the help of GET requests, PATCH requests, DOM events, and DOM manipulation!
• Toy Tale Help Andy manage his toys with GET, POST, PATCH, and DELETE requests!

Phase 2: React

Fundamentals

Use build tools to get started in React without a framework.

Props

• Slides Available in Keynote, PowerPoint, and PDF formats.
• Sakib's Boba Shop Manage your own boba shop.

State

• Slides Available in Keynote, PowerPoint, and PDF formats.
• My Cool Mall Sell my TV and spatula with the help of components, props, and state.

Control

• Slides Available in Keynote, PowerPoint, and PDF formats.
• Is This Your Card? Control a user's card - maybe their mind, too.

Forms

• Slides Available in Keynote, PowerPoint, and PDF formats.
• Luck of the Screen Generate lucky moviegoing numbers with the help of forms and controlled components.

Effects

• Slides Available in Keynote, PowerPoint, and PDF formats.
• The Flatiron Archives GET your newspaper's articles with the help of effects.

Fetch

• Slides Available in Keynote, PowerPoint, and PDF formats.
• Chez Flatiron Host and manage your own restaurant with fetch().

Routing

• Slides Available in Keynote, PowerPoint, and PDF formats.
• Sakib's Tea House Browse and add to my tea collection with the help of components, props, state, forms, routes, and styling.

Challenges

• Bob's Neighbors Create a database of punny store names, with the help of GET, POST, PATCH, DELETE, events, and manipulation.
• Planetary Registry Create a database of planets with the help of React!