🔱 FR🔵NT END 🔱

Week 1

Day1 😃

1. Sublime text basics, plugins and shortcuts
2. Git commands (init -> add -> commit -> push) and github
3. History of Javascript

---

Day 2

1. Javascript basics, primitives and objects
2. Hoisting, Scope and Closure

    (function add2Nums (x) {
        return function sumHere (y) {
            return x+y
        }
    }(2)(8))

---

Day 3

1. String and Array Method
2. Regular Expression
3. Object creation patterns and inheritance
4. Visit to the doctor by Me 🏥

---

Day 4

1. Object prototypes and this object
2. Exercises on functions and objects Link here!

---

Day 5

1. CodePad practice with companions in class on screen

    function printName () {
        var myName = "Bijay."
        function returnName () {
            return "My name is " + myName
        }
        myName = "something else."
        return returnName
    }
    printName()()
    // guess what will be printed out??

2. TDD with Jasmine

first test, then write code; makes you think about function and return values in different way

Week2

Day1

1. More unit testing with Jasmine and playing with jsKoans

---

Day2

2. HTML and CSS Basics

---

Day3 😓

3. Advanced CSS (flexbox, media-queries, responsive-design principles)

---

Day4

4. Bootstrap

   Copying classes and modifying styles feels good and bad at the same time

---

Day5 😍

5. SASS and Bootstrap Projects

write the main tag/class etc once and get all the { styles of it's descendants inside } WOW!!

Week 3 ‼️ here comes the fun part ‼️

Day1

1. Nativs js DOM methods, DOM tree traversing, event-listeners and Intro to jQuery

---

Day2

2. jQuery core and prototype object's methods, DOM traversion and event handling

---

Day3

3. HTML templating with jQuery, JSON and Ajax calls to API

   This is so freaking ✨AWESOME✨

---

Day4

4. AngularJS

   Directives, modules, services, factories = Just 👨 🔫

---

Day 5

5. More Angular and Single Page Applications (SPA)

   ng-View and Routers - Cool stuff 👍 Not so confused

Week5 - FrontEnd Group Project

Day1 - Day5 : theMovieHub 🎥

• Repository Link : GitHub
• Deployed WebPage : gh-Pages

⚡B🅰️CK➖END⚡

Week6 - NodeJS

Day1

1. Node, npm & CommonJS Modules

---

Day2

1. Node events and streams

---

Day3

1. Nodeschool Katas

---

Day4

1. ES6

---

Day5

1. Promises and ES6 modules