The web is a very fun place to build things! There is no quicker and more readily available way to share information and enter into commerce than the internet, and there's no faster way than to build a website and web server.
In this course the goal will be to explore the major patterns that make up the web and websites. Instead of being bogged down with questions like "what framework/language is the best?" we will just focus on JavaScript and NodeJS and use this enormously popular framework to learn these web patterns that are repeated in every language and framework. For example, any web framework or language will be able to do authentication. We will use the bcrypt-js npm module to encrypt passwords for authentication. In Ruby on Rails you would use the bcrypt ruby gem, and in Python or Django you would use the bcrypt package, and in Elixir you would use the comeonin library (which uses bcrypt under the hood!). Once you have mastered the patterns and major paradigms of the web, you can easily grab another framework in another language and be a success.
The web is becoming ever more JavaScripty. Initially the red-headed stepchild of the internet world, JavaScript has now risen to being, by many metrics, the fastest growing language on the web. Now with the invention of NodeJS, you can write your client and your server in JS creating interesting synergies and benefits across a stack and within a development team. Also with the emergence of tools like React Native, Ionic, Johnny-Five, and many others, JavaScript is becoming a versatile tool across many platforms even outside of the desktop and mobile web browsers.
- Master the foundational tags of semantic HTML.
- Master the use of CSS selectors and foundational properties.
- Master the fundamentals of JavaScript.
- Master the MVC architecture for web server development.
- Compare and contrast outside-in and inside-out development processes
- Master ExpressJS and extend it by installing, initializing, and using its various middleware packages.
- Master and memorize RESTful routes and routing and in general describe the importance of Resourceful web architecture.
- Master server-side templating using HandlebarsJS.
- Master responding to JSON requests.
- Compare and contrast web endpoints responding with HTML templates or JSON data.
- Utilize a NoSQL database (in this case MongoDB).
- Describe the usefulness of an Object Document Mapper (ODM) (or Object Relationship Mapper ORM).
- Master Resource-oriented development of a 0, 1, and a 2 resource application.
- How this curriculum works. Paradigm-based. Best Practices - Review Competencies - Web Server & Web Framework
- REST, URLs, HTTP(S) - Giphy Search App Tutorial
- Errors and Debugging - Review of Giphy App Solution - Commenting pseudocode for each step
- RESTful & Resourceful Routing (naming conventions for paths, variables, methods) - Start Project Portfolio Tutorial
- Document-based Databases, MongoDB Command Line, & RESTful Routing - Index
- RESTful Routing - New, Create - demo and work time
- Product Planning - User Narratives, Wireframes, Entity Relationship Diagram (ERD)
- RESTful Routing - Edit, Update, Delete - demo and work time, Express Middleware
- People's Choice Day - Promises? Moment.js? dotenv?
- Testing RESTful Routes - Final date to Pick Projects
- RESTful APIs & Service Oriented Architecture
- Bootstrap - the Grid, Typography, Forms, and Buttons
- People's Choice Day
- Deploy to Heroku - start custom project work
- Project Work & Code Reviews
- Project Work & Code Reviews
- Project Work & Code Reviews
- Project Presentations
- Giphy Search App tutorial. - Done Solo
- Rotten Potatoes - Done in Pairs
- JavaScript Concentration Game - Optional - Done in Pairs or Solo
- An Original Project - Follow the Spec Requirements - Done in Pairs or Solo
- The Request-Response Cycle
- MVC - Model View Controller
- RESTful Routes
- Web Server
- Web Framework
- HTTP
- HTTP Action Verbs - PUT, POST, GET, DELETE, PATCH
- CRUD
- API
- JSON
- CDN
- REPL
- Semantic HTML
- Document-based database, NoSQL database
- Server-side templating
- Subtemplate
- URL Endpoint, Route, Webhook
- Components of a URL - subdomain, domain, top level domain, path, and query string
- Automated Testing
- Test Driven Development
- Assertions
- Paradigms, Patterns
- Pseudocode
- Convention over Configuration (CoC)
- Separation of Concerns (SoC)
- Outside-in development (User-Centered Development)
In order to pass this course, you must
- Have fewer than 2 unexcused absences.
- Complete 80% of basic challenges from each lesson.
- Be able to recall the meaning of all vocabulary and conventions.
- Complete the assigned tutorials.
- Complete an original project and ship it.
- Receive at least 1 code review from the instructor.