WebDeveloperBootcamp

Exercises, projects, quizzes, etc. i did for The Web Developer Bootcamp 2017

It was complete advanced Full-Stack Developer Bootcamp, inclusive extramural Database Training. Tools and technologies covered throughout the course:
HTML5 CSS3 JavaScript Bootstrap SemanticUI DOM Manipulation jQuery Unix Commands / Command Line NodeJS      NPM ExpressJS REST MongoDB Database Associations PassportJS Authorization React React-Router Redux CSS3 Transitions, Transforms and Animations Testing with Jasmine D3 SVG Building charts, force graphs and data visualizations ES2015 keywords, arrow functions, class syntax, and much more ES2016 and ES2017 and cutting edge features to JavaScript Callbacks, Promises, Generators and Async Functions Building Node.js APIs Building Single Page Applications Object Oriented Programming in JavaScript Closures and the keyword 'this' Functional Programming in JavaScript Authentication and Authorization Asynchronous Code with JavaScript PassportJS

SQL syntax Generate reports using sales and user data Aggregate Functions CRUD Run complex queries using MySQL Logical operators and string functions Write the common SQL joins Work with large datasets Build a web apps using MySQL and NodeJS Design and implement complex database schemas Storing dates and times Write Javascript code to generate data sets
     

Projects

Just showcasing a few projects, assignments and exercises.

1. Zombie Blog

Assignment 4 for SECTION 5 - Introduction to CSS
Zombie Blog - code

2. Black & White Image gallery

Exercise 21 for SECTION 6 - Intermediate CSS (pure CSS, responsive, images, alt-tags, flex boxes)

3. Image Gallery

Assignment 5 for SECTION 7 - Bootstrap (Containers, Grid System, Jumbotron, Fixed Navbar, Brand, Font Awesome)

4. Purrfect Match - a human-feline dating app 🐱

Assignment 6 for SECTION 7 - Bootstrap (startup landing page, responsive hamburger menu, buttons, background Image, shadows)

Course Layout & Progress

• SECTION 01 - Introduction to this Course
• SECTION 02 - Introduction to Front End Development
• SECTION 03 - Introduction to HTML
• SECTION 04 - Intermediate HTML
• SECTION 05 - Introduction to CSS
• SECTION 06 - Intermediate CSS
• SECTION 07 - Bootstrap
• SECTION 08 - Introduction to JavaScript
• SECTION 09 - Javascript Basics: Control Flow
• SECTION 10 - Javascript Basics: Functions
• SECTION 11 - Javascript Basics: Arrays
• SECTION 12 - Javascript Basics: Objects
• SECTION 13 - DOM Manipulation
• SECTION 14 - Advanced DOM Manipulation
• SECTION 15 - Color Game Project
• SECTION 16 - Intro to jQuery
• SECTION 17 - Advanced jQuery
• SECTION 18 - Todo List Projects
• SECTION 19 - Patatap Clone (OPTIONAL Project)
• SECTION 20 - Backend Basics
• SECTION 21 - The Command Line
• SECTION 22 - Node JS
• SECTION 23 - Server Side Frameworks
• SECTION 24 - Intermediate Express
• SECTION 25 - Working With API's
• SECTION 26 - YelpCamp: Basics * project *
• SECTION 27 - Databases * learning path *
• Extra Muros 27.01 - Introduction to SQL
• Extra Muros 27.02 - Overview
• Extra Muros 27.03 - Creating Databases and Tables
• Extra Muros 27.04 - Inserting Data
• Extra Muros 27.05 - CRUD commmands
• Extra Muros 27.06 - CRUD Challenge
• Extra Muros 27.07 - The World Of String Functions
• Extra Muros 27.08 - Refining Our Selections
• Extra Muros 27.09 - The Magic of Aggregate Functions
• Extra Muros 27.10 - Revisiting Data Types
• Extra Muros 27.11 - The Power of Logical Operators
• Extra Muros 27.12 - One To Many 1
• Extra Muros 27.13 - One To Many 2
• Extra Muros 27.14 - Instagram Database Clone
• Extra Muros 27.15 - Working With Lots Of Instagram Data
• Extra Muros 27.16 - Introducing Node
• Extra Muros 27.17 - Building Our Web App
• Extra Muros 27.18 - Database Triggers
• SECTION 28 - YelpCamp: Data Persistance           * project *
• SECTION 29 - RESTful Routing
• SECTION 30 - Data Associations
• SECTION 31 - YelpCamp: Comments * project *
• SECTION 32 - Authentication
• SECTION 33 - YelpCamp: Adding Authentication * project *
• SECTION 34 - YelpCamp: Cleaning Up * project *
• SECTION 35 - YelpCamp: Update and Destroy * project *
• SECTION 36 - YelpCamp: UI Improvements * project *
• SECTION 37 - Git and Github
• SECTION 38 - Deploying
• SECTION 39 - JavaScript: The Tricky Stuff
• SECTION 40 - CSS Animations: Transforms and Transitions
• SECTION 41 - CSS Animations: Keyframes
• SECTION 42 - Advanced CSS: Layout With Flexbox
• SECTION 43 - Building A Startup Site * project *
• SECTION 44 - Async Foundations
• SECTION 45 - AJAX Part 1: XHR and Fetch
• SECTION 46 - AJAX Part 2: jQuery and Axios
• SECTION 47 - Testing With Jasmine
• SECTION 48 - Advanced Array Methods
• SECTION 49 - Closures and the Keyword 'this'
• SECTION 50 - Object Oriented Programming with JavaScript
• SECTION 51 - Creating JSON API's With Node and Mongo
• SECTION 52 - Todo List with Express, Mongo, and jQuery * project *
• SECTION 53 - ES2015 Part I
• SECTION 54 - Guess the Password * project *
• SECTION 55 - ES2015 Part II
• SECTION 56 - ES2016 and ES2017
• SECTION 57 - D3 and the DOM
• SECTION 58 - Data Joins and Update Patterns in D3
• SECTION 59 - SVG and D3
• SECTION 60 - Intermediate D3
• SECTION 61 - D3 Odds and Ends, and Advanced Graph Types
• SECTION 62 - Building a Data Dashboard with D3 * project *
• SECTION 63 - Introduction To React and JSX
• SECTION 64 - Create React App and Props
• SECTION 65 - State
• SECTION 66 - The Virtual DOM, Events, and Forms
• SECTION 67 - Component Lifecycle Methods
• SECTION 68 - Authentication
• SECTION 69 - React Router
• SECTION 70 - Redux