Code Monkey home page Code Monkey logo

javascript-learning-path's Introduction

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

How to use Git and Github - 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

Refer to the Time Complexity videos by Ravindrababu Ravula on youtube: 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

javascript-learning-path's People

Contributors

santumahapatra avatar aksanoble avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.