Session on CLI.
Session on Git and Github
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.
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
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)
Session on Web Architecture Overview
Introduction to JavaScript - 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.
--
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.
Session on databases.
Read up on REST APIs and RESTful Design.
Session on REST
Session on Mongoose.
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.
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)
Introduction to Redux - Academind
Introduction to Idiomatic Redux - Egghead (Optional)
Session Recap Redux
The final project of the bootcamp.
Thanks.