We will create issues according to Roadmap.You guys can comment under the issues in which you are intrested to work on alon with in which type you are going to do it.We are following first come first method.

• You can find the issues at https://github.com/girlscript/winter-of-contributing/milestone/3

• Contributers are not allowded to create issues

Guys Please Take Care that ,while making a PR please follow these instructions

1. Please add Frontend With Framework In Beginning of your PR Heading,as in issues

• (eg: Frontend With FrameWork - your pr heading)

3. Send your PR Link in discord general chat of our domain
4. Add your file in your domain folder only(eg:For React there is a React folder)
5. Inside your domain folder there are Week based folder's
6. Add your PR in that folders according to the Week(you can find which week is going on now by looking at the top of this Readme.md)

Otherwise your PR will be lost in tones of PR.Please follow this Trend

• Creating a component using the Angular CLI
• Creating a component manually
• Component LifeCycle
• Component Interaction
• Sharing Data between parent and child directives and components(@Input , @Output , Event Emitter)
• Dynamic Components

• Interpolation
• Template Statements
• Pipes
• Property Binding
• Event Binding
• Two Way Data Binding

• Built in Directives
• Structural Directives
• Attribute Directives

• Injecting Services

• How to generate an application with routing enabled?
• Defining a route
• Getting Router Info(Activated Route)
• Wildcard routes
• Setting up Redirects
• Nesting Routes
• Lazy Loading

• Types of Forms-Template, Reactive
• Difference between both
• Setup in Template Driven Forms
• Setup in Reactive Forms
• Form Control, Formbuilder

• HttpClient Module
• Setup for server communication
• Observables
• Requesting Data from server
• Error Handling
• Get,Post,Put requests
• Interceptors

• Create a component
• Create a service
• Create a module
• Build the application
• Aot,jit

• JSX
• Babel
• ES6 template literals
• JSX Attributes and Styling react elements
• npm
• Creating React App

• Components
• Class components
• Function components
• import,export,modules
• React Props vs State
• Mapping data to components

• List and Keys
• Composition vs Inheritance
• Basic Hooks : a) useState b) useEffect
• Some more Hooks (As per recommended by Mentor)

• Conditional rendering
• State in React-Declarative and Imperative programing

• Common hooks(useRef,useContent etc)
• Refs
• Writiing your own hooks *High order Components
• Fibre Architecture

• Multi page react app
• Context
• Render Props

• state management in react
• importance of state managment in react
• Redux

• REST API Calls
• Axios
• Unfetch
• Superagent

• Testing
• Jest
• React Testing Library

• VueJS Intro (uses, benefits, scalability)
• Introduction to VueJS using CDN
• Installation using NPM and about Vue CLI
• Intro to Lifecycle Diagram and Lifecycle Hooks (Theory explanation)
• Installing Vue-DevTools
• Vue Components

• Data and Methods
• Data Manipulation in VueJS (using methods)
• Computed Properties
• Watchers
• Filters

• Inline style manipulation
• Class binding
• ref keyword in VueJS

• Conditional rendering (v-if / v-show)
• One way data binding (v-bind) & Two way data binding (v-model)
• Event Listening (v-on)
• List rendering (v-for)
• HTML rendering (v-html)

• Event Listening and Handling in VueJs (using v-on)
• Emitting events
• Creating custom Events

• Props
• Slots
• Child Component Data manipulation using events (Child to Parent)
• Component Lifecycle hooks methods
• Dynamic Components

• Plugins introduction and installation in VueJs (Vue Router & Vuex)
• Creating Routes (Static and Dynamic)
• Nested Routes
• Using Routing Guards
• History Mode in routes
• Route Meta fields
• Handling routes Programmatically

• Need of State Management
• Workflow of State Management in Vue Js
• Vuex Installation
• Implementation of State Management using Vuex (states, getters, actions, mutations and modules)