Coding Boot Camp

June 2020 Cohort


| Home | Course Content | Course Guidelines |


Welcome to your Coding Bootcamp Class Repository.

This is your one-stop-shop for all things Bootcamp related.

Below your will find a main Course Guidelines and Course Content listing.

Course Guidelines

Back to Top

Course Syllabus Student Support Getting Started
Code Of Student Conduct Student Support Listing Gitlab
Attendance and Late Policy Class Videos Git-Github
Code Drills Tutoring SSH-Keys Mac
Homework Office Hours SSH-Keys PC
Projects Important Links And Notes Terminal
Plagiarism Technical Curriculum by Week What is Slack?

Course Content

Back to Top

# Section Name Description
01 HTML Git CSS HTML Tags, Box Model, Floats, Classes, IDs, Positioning, Dev Tools
02 CSS - Bootstrap Bootstrap CDN, The Grid System, Bootstrap Components
03 Javascript Strings, Booleans, Numbers, Objects, Arrays; conditionals, For loops, while loops, until loops; this
04 Web APIs Web APIs and interfaces, Timers, Document Object Model (DOM), Getting, selecting, traversing, and manipulating elements, Form events, Keyboard and mouse events, Bubbling and propagation, Event delegation
05 Third Party APIs JQuery, DOM, Pseudocode, Parsing Objects
06 Server Side APIs AJAX & APIs, JSON Parsing, Endpoint URLs, Query Params; Algorithms, Bubble Sort
07 Project One Client Side Data Driven Web Application; Git Branch, Git Pull Request, Agile Practices
08 Mock Interview Session Pseudocode, Visualization, Communication, Whiteboarding, Interview Practice
09 NodeJS Node, Internal & External Packages: FS, Request, process.argv ;NPM, package.json AND ES6, Constructing Classes, Destructuring, let and const, Arrow notation () => {}, Object destructuring [...variable] and {...variable}, Array Methods
10 OOP Javascript Objects, Constructor Functions, OOP
11 Express server, Express, req.params , Restful Routes, Restful APIs
12 MySQL CallBacks, MYSQL, node & MySQL
13 MVC MVC, Handlebars, Template Engines
14 Full-Stack ORM, Sequelize
15 Project Two Full Stack SQL Backed App



Project Two

Back to Course Content




  • Updating your portfolio page and other materials to build toward being employer competitive.

💻 Project Two Activity

Activity
00-project-requirements
01-project-set-up



Full Stack

Back to Course Content




  • Reverse Engineering Code Homework Instructions Link
    • Reverse engineer the starter code provided and create a tutorial for the code.

💻 Full Stack Activity

Activity
00-MVCDiagram
01-Chirpy-mySQL
02-SequelizeQuestions
03-Chirpy-Sequelize
04-StarWars
05-SequelizeLibrary
06-SequelizeCLI
08-Sequelize-Create-Read



MVC

Back to Course Content




  • Node Express Handlebars Homework Instructions Link
    • In this assignment, you'll create a burger logger with MySQL, Node, Express, Handlebars and a homemade ORM (yum!). Be sure to follow the MVC design pattern; use Node and MySQL to query and route data in your app, and Handlebars to generate your HTML.

💻 MVC Activity

Activity
01-ExpressCalculator
02-MagicalSchools
03-SeinfeldApp
04-HandlebarsLunch
05-BenAndJerrys
06-HandlebarsAnimals
07-TaskSaver
08-Wishes
09-DayPlanner
10-WatchList
11-QuotesApp
12-OrmExample
13-PartyDatabase
14-TheAsyncProblem
15-CallbackReview
16-MvcExample
17-CatsApp
18-catsApp-Deploy



MySQL

Back to Course Content




  • Employee Tracker Homework Instructions Link
    • In this homework assignment, your challenge is to architect and build a solution for managing a company's employees using node, inquirer, and MySQL.

💻 MySQL Activity

Activity
01-animalsDB
02-FavoriteDB-NoData
03-animalsDBWithID
04-moreDB
05-booksDB
05-booksDB
06-iceCreamWithConnection
07-iceCreamReadData
08-playlistRead
09-iceCreamCRUD
10-GreatBay
11-popQuiz
12-Top5000Schema
13-Top5000Code
14-TwoTables



Express

Back to Course Content




  • Express Homework: Note Taker Homework Instructions Link
    • Create an application that can be used to write, save, and delete notes. This application will use an express backend and save and retrieve note data from a JSON file.

💻 Express Activity

Activity
01-FirstServer
02-Two-Servers
03-Portfolio
04-Serving-HTML
05-Serve-Favorites
06-Request-Methods
07-POST-Method
08-StarWars-1
09-StarWars-2
10-StarWars-3
11-StarWars-4
12-StarWars-5
13-StarWars-6
14-FinalStarwarsApp
15-ExtendedApp
16-HotRestaurant

OOP

Back to Course Content




  • OOP Homework: Template Engine - Employee Summary Homework Instructions Link
    • In this homework assignment, your challenge is to build a Node CLI that takes in information about employees and generates an HTML webpage that displays summaries for each person. Since testing is a key piece in making code maintainable, you will also be ensuring that all unit tests pass.

💻 OOP Activity

Activity
01-Stu_Cats-And-Dogs
02-Ins_Cats-And-Dogs-Constructors
03-Stu_Mini-Bank
04-Stu_Weather-Admin
05-Ins_Prototypes
06-Stu_RPG-Prototypes
07-Stu_Tamagotchi
08-Stu_TDD-Dissect
09-Stu_TDD
10-Stu_Pass-Tests
11-Ins_Organizing-Tests
12-Stu_Structured-Tests
13-Ins_Introduce-Mocks
14-Stu_First-Mock
15-Ins_Module-Mock-Demo
16-Stu_Mock-Fs
17-Stu-Prototype-Review
18-Ins-Classes
19-Stu-Classes
20-Ins-Subclasses
21-Stu-Subclasses
22-Ins-Multiple-Classes
23-Stu-Multiple-Classes
24-Mini-Project



NodeJS

Back to Course Content




  • Node.js and ES6+ Homework: Good README Generator Homework Instructions Link
    • Create a command-line application that dynamically generates a README.md from a user's input.

💻 NodeJS Activity

Activity
01-Ins_Node-Demo
02-Stu_Hello-Node
03-Ins_process.argv
04-Stu_Parameter-Check
05-Ins_readFile
06-Ins_writeFile
07-Stu_appendFile
08-Ins_Modularization
09-Stu_maths-Module
10-Ins_npm
11-Stu_package.json
12-Ins_npm-init
13-Stu_npm-init
14-Ins_Inquirer-Demo
15-Stu_Inquirer-Users
16-Ins_ArrowFunction
17-Stu_ArrowFunctionPractice
18-Ins_LetAndBlockScope
19-Ins_ConstantReference
20-Stu_ConvertConstLetArrow
21-Ins_FunctionalLoops
22-Stu_FunctionalLoops
23-Ins_Template_Literals
24-Stu_Template_Literals
25-Ins_For_Of
26-Stu_For_Of
27-Ins_Rest_and_Spread
28-Stu_Rest_and_Spread
29-Ins_ObjDestructuring
30-Stu_ObjDestructuring
31-Stu_Callback-Review
32-Ins_Axios-Demo
33-Stu_Axios
34-Ins_Introduce-Promises
35-Stu-Joke-Saver
36-Ins_Promise-Constructor
37-Stu_Promise-Constructor
38-Ins_Async-Await
39-Stu_Async-Await
40-Stu_Mini-Project



Mock Interview Session

Back to Course Content


💻 Mock Interview Session Activity

Activity
01-interview-series-pre-work
02-interview-series-pair-mock



Project One

Back to Course Content






💻 Project One Activity

Activity
01-Stu_Create-Repository
02-Stu_Protect-Master
03-Stu_Branching-Pushing
04-Stu_Git-Recap
05-Stu_MVP
06_Stu-Issues
07-Stu_kanban
08-Stu_Standup
09-Stu_Continuous-Deployment



a

Server Side APIs

Back to Course Content




  • Server-Side APIs Homework: Weather Dashboard Homework Instructions Link
    • Build a weather dashboard application with search functionality to find current weather conditions and the future weather outlook for multiple cities.

💻 Server Side APIs Activity

Activity
00-BubbleSort
01-CustomerObject
02-Ajax_OMDB
03-AJAX_to_HTML
04-Giphy_API
05-bujumbura
06-MovieJSONDump
07-MovieButtonLayout
08-LogMovieName
09-ClickJSON
10-WorkingMovieApp
11-BandsInTownApp
12-CatButton
13-ButtonTriggeredAJAX
14-DynamicElements
15-PausingGifs
16-all-together
17-NYTSearch



Third Party APIs

Back to Course Content




  • Third-Party APIs Homework: Day Planner Homework Instructions Link
    • Create a simple calendar application that allows the user to save events for each hour of the day. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery.

💻 Third Party APIs Activity

Activity
01-DOM_Manipulation
02-JSDrinkList
03-jQueryGenerators
04-jQueryDrinkList
05-OnClickBasic
06-SandwichClick
07-TriggerRandom
08-LotteryGenerator
09-NumberChecker
10-CaptainPlanetGame
11-FridgeGame
12-CrystalExample
13-ScopeOne
14-ScopeTwo
15-ScopeThree
16-ScopeQuiz
17-ThisExample
18-Cobweb
19-jQueryCalculator
20-CrashCourse
21-interview-series-pre-work



Web APIs

Back to Course Content




  • Web APIs Homework: Code Quiz Homework Instructions Link
    • As you proceed in your career as a web developer, you will probably be asked to complete a coding assessment. These assessments are typically a combination of multiple-choice questions and interactive challenges. In this homework assignment, your challenge is to build a code quiz with multiple-choice questions.

💻 Web APIs Activity

Activity
01-Stu_This-Window
02-Ins_Traverse-DOM
03-Stu_Traverse-That-DOM
04-Ins_Setting-Attributes
05-Stu_Setting-Attributes
06-Ins_Create-Append
07-Stu_LookMaNoHTML
08-Ins_Timers-Intervals
09-Stu_SpeedReader
10-Ins_Onclick
11-Stu_Onclick
12-Ins_Preventing_Default_Events
13-Stu_Preventing_Default_Events
14-Ins_Other_Events
15-Stu_Other_Events
17-Stu_Event_Bubbling
18-Ins_Event_Delegation
19-Stu_Event_Delegation
20-Ins_Local-Storage-Counter
21-Stu_Local-Storage-User



Javascript

Back to Course Content




  • JavaScript Homework: Password Generator Homework Instructions Link
    • Create an application that generates a random password based on user-selected criteria. This app will run in the browser and feature dynamically updated HTML and CSS powered by your JavaScript code.

💻 Javascript Activities

Activity
01-CodeDissection
02-BasicVariablesDemo
03-PizzaVariables
04-ConsoleLogDemo
05-PizzaConsole
06-PromptDemo
07-PromptSushi
08-ConditionalDemo
09-ConditionalActivity
10-ConditionalActivity2
11-ArraysDemo
12-ArraysActivity
13-Bands
14-JSDissect
15-CoolPeopleArray
16-ArraySetting
17-MyFirstLoop
18-ZooLoop
19-AnotherLoop
20-HardLoop
21-RandomNumbers
22-PseudoCode
23-RPS-Coded
24-Recap
25-LoopTV
26-SuperheroLogging
27-MyFirstFunctions
28-GoodArray
29-JoanOfArcArrays
30-GandalfTheGreyObjects
31-MyFirstObject
32-CarGame
33-Scope
34-QuestionGame
35-WindowObject
36-LocationRedirect



CSS Bootstrap

Back to Course Content




  • CSS and Bootstrap Homework: Responsive Portfolio Homework Instructions Link
    • Responsive design ensures that web applications render well on a variety of devices and window or screen sizes. As a developer, you will likely be asked to create a mobile-first application or add responsive design to an existing application.

💻 CSS Activities

Activity
01-Hack-Websites
02-ModifyOwnWebsites
03-MultipleCSS
04-ResetCSS
05-GithubPagesPersonal
06-1-GithubPagesProject
06-2-markdown-breakdown
07-CSSTypography
08-GoogleFontDemo
09-Pseudoclass
10-meteorAndDinosaur
11-WheresCSS
12-BootstrapDemo
13-WarmupBootstrap
14-bootstrap-replica
15-InstructorGrids
16-TextLayout
17-InstructorLayout
18-CardLayout
19-InstructorMedia
20-StudentMedia
21-Stu_CloneAWebsite



HTML Git CSS

Back to Course Content




Homework Instructions Link

  • Your task is to refactor an existing webpage to make it accessible.

💻 HTML Git CSS Activities

Activities
01-ConsoleCommands
02-IntroToConsoleBash
03-MyFirstHTML
04-review-HTML_Tags
05-HTML
06-Stu_FixThe_HTML
07-BasicCSS
08-HTML_CSS_Layout
09-RelativePaths-Activity
10-FloatExamples
11-FloatLayout-Activity
12-CSS_PositionedLayout
13-CSS_Positioned_Activity