JavaScript Learning Path

@ Propel School

Command Line Basics

Session on CLI.

Command Line Crash Course

Commonly Used Linux Commands

Version Control Systems

Session on Git and Github

Version Control with Git - Udacity Video Course

GitHub & Collaboration - Udacity Video Course

Learn enough Git to be dangerous

Resources and Practice - Practice the Learn Git branching section

Gamified Tutorial - Learn the most common practices in the modern day Git Workflow.

JavaScript

1. Complete the JavaScript Algorithms and Data Structures Certification on FreeCodeCamp Curriculum.
2. Complete all exercises on Hackreactor Basic Prep. Keep a track of all the solutions on Codepen.
3. Complete the following problems on HackerRank.

Data Project

Get the IPL Dataset

In this data assignment you will transform raw data from IPL into graphs that will convey some meaning / analysis. For each part of this assignment you will have 2 parts -


Download both csv files from https://www.kaggle.com/manasgarg/ipl

Part 1

Code a javascript program that will transform the raw csv data into a data structure in a format suitable for plotting with highcharts or any charting library you choose.

Generate the following plots ...

1. Plot the number of matches played per year of all the years in IPL.
2. Plot a stacked bar chart of matches won of all teams over all the years of IPL.
3. For the year 2016 plot the extra runs conceded per team.
4. For the year 2015 plot the top economical bowlers.
5. Discuss a "Story" you want to tell with the given data. As with part 1, prepare the data structure and plot with highcharts or any charting library you choose.

Part 2

Create a Node Web API with MySQL as the backend. Solve the same above problems by getting data using SQL queries.

Time Complexity and Space Complexity

Time Complexity Summary (30 minutes) on mycodeschool - 4 videos

Complexity for recursive programs (8 minutes) on mycodeschool

(Optional) Additionally you can refer to the Algorithms and Data Structures course by Ravindrababu Ravula on youtube (First 6 videos cover ): https://www.youtube.com/watch?v=aGjL7YXI31Q&list=PLEbnTDJUr_IeHYw_sfBOJ6gk5pie0yP-0

Unit Testing

Complete module 2 exercises on Hackreactor Prep

Create an account on Exercism and practice question in JavaScript.

HTML and CSS

Start with Learn to Code HTML and CSS by Shay Howe

In particular read the following sections and complete the exercises.

HTMl & CSS

• Lesson 1: Building your first web page
• Lesson 2: Getting to know HTML
• Lesson 3: Getting to know CSS
• Lesson 4: Opening the Box Model
• Lesson 5: Positioning content

Advanced HTML & CSS

• Lesson 3: Complex Selectors
• Lesson 4: Responsive Web Design

Responsive Portfolio Website

Build your portfolio website using your knowledge of HTML and CSS. The display should work in all resolutions.

Use your knowledge of responsive media queries, CSS flex and CSS grid for handling multi column layouts.

CSS Reference

A Visual Reference to CSS

Further Tasks

Complete the Responsive Web Design Certification on FreeCodeCamp Curriculum.

Resources

Resources for Flex and Grid Layouts:

CSS Flex Video

CSS Grid Video

Resources for Web Development for any Topic:

Mozilla Web Docs

How to apply to Jobs

1. Publish your portfolio on Github Pages.
2. Create profiles on LinkedIn, Angellist and Stack Overflow.
3. Create a well formatted resume.
4. How to write cover letter to companies