Skip to content

TechHackie/javascript-full-stack-path

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 

Repository files navigation

Full Stack Web Development Learning Path

Command Line Basics

Session on CLI.

Command Line Crash Course

Version Control Systems

Session on Git and Github

How to use Git and Github

Practice Link

HTML and CSS

Start with Learn to Code HTML and CSS by Shay Howe

In particular read the following sections.

  • Lesson 3: Getting to know CSS
  • Lesson 4: Opening the Box Model.
  • Lesson 5: Positioning content.

Projects:

Responsive Portfolio Website

Build two versions of a portfolio website. With and without the Bootstrap CSS framework. These can be two different files in the same repository. You're required to submit the following:

Link to repository. The repository to be named portfolio-(name) example portfolio-john

Live URL containing links to both versions of the portfolio.


In an index.html provide links to both the files.
* portfolio.html
* portfolio-bootstrap.html

A Visual Reference to CSS

Themed Ecommerce Website

Pick a website or theme of your choice and build it without looking at the source code.


Submit the URL to the Git repository and the URL where the project is deployed. Please name the repository theme-(name) e.g. (theme-john)

Web Architecture Overview

Session on Web Architecture Overview

JavaScript and Ecosytem

Introduction to JavaScript - Udacity

Introduction to ES6 - Udacity

Projects (only one of the two):

ToDo List in JavaScript

Implement a todo list with ordering

Memory Game in JavaScript

Create a Memory Game in JavaScript capturing the total number of moves and time taken to complete the game.

Session: Recap on Functions, Scope and Callbacks.

Session on JavaScript Environment Setup - JS, Node, NPM. Introduction to JavaScript.

--

Jquery

Introduction to Jquery - Udacity

NavTree Project in Jquery

Repository name: navtree-(name) Example navtree-john


Build a hierarchical, navigable tree structure using jQuery. The tree structure should be at least 3 levels deep.

For example:

Depth 0

-- Depth 1

-- Depth 2

It should expand and minimize to reveal and hide nested nodes. Do not use an existing library to build the tree structure.

Please use the IPL dataset that you had previously used for the Visualisation assignment. An example hierarchy could be

Year > Team > Players

When the last entity is selected, show a stat relevant to that identity on the page. This can either be a visualisation or a table.

Session: Recap Jquery.

Session: JS Utility functions.

Introduction to Object Oriented JavaScript - Only complete scopes, closures, 'this' keyword and prototype chains.

Session: Object and Prototypes.

MongoDB and Express

Introduction to MongoDB

Session on databases.

REST

Read up on REST APIs and RESTful Design.

Session on REST

Configuring Node and Mongo for REST

Using Mongo, Express and REST

Mongoose

Session on Mongoose.

Data Project

Get the IPL Dataset

Read the CSV, slice and dice and plot with matplotlib. Use Highcharts for visualisation. MongoDB, Express and Node for the backend.

React and Ecosytem

Build Tools

Webpack and Babel

React

Introduction to React - Techsith

Session Recap React

ToDo List

Implement a todo list with ordering which interacts with a backend Web Server in Node or Django with each update.

NavTree Project in React

Implement the NavTree structure using the React library.

Name the project navtree-react-(name)

Redux

Introduction to Redux - Academind

Introduction to Idiomatic Redux - Egghead (Optional)

Session Recap Redux

Capstone Project

The final project of the bootcamp.

Thanks.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published