Devsnest-Frontend
D E V S N E S T - F R O N T E N D
Education which makes you financially independent. A mentorship program designed to help you get your dream job. It evolves as per your needs to mould you into a kickass developer.
Devsnest Course Processes and Flows
NAME : KARTIK GUPTA | TEAM : TEAM ALPHA GEEKS | DISCORD: thisiskartikgupta#4783 |
— | — | — |
TAKE HOME ASSIGNMENTS(THA)
| DAY | TOPIC | THA | REPO LINK | LIVE LINK |
|---|---|---|---|---|
| 01 | Introduction to HTML | Create a letter template as per given image |
THA01 | |
| 02 | Introduction to CSS | Style the letter template from prrvious THA using CSS |
THA02 | |
| 03 | Continuing with CSS | Create a resume template as per given image with use of CSS and HTML |
THA03 | |
| 04 | Position, Display, Overflow in CSS | Make an analog clock |
THA04 | |
| 05 | Introduction to Javascript | Covering the basics |
THA05 | |
| 06 | Introduction to Javascript (Contd.) | Javascript Coding based challenges |
THA06 | |
| 07 | Objects in JavaScript | Javascript Coding based challenges |
THA07 | |
| 08 | Objects in JavaScript (Contd.) | Seat Book Counter |
THA08 | LIVE SITE (GitHub Pages) |
| 09 | this keyword in JavaScript | Play with this, bind(), apply(), call() and events |
THA09 | |
| 10 | Functions in JavaScript | Make a card based memory game |
THA10 | LIVE SITE (GitHub Pages) |
| 11 | Prototypical Inheritance | Make a quiz app using JS |
THA11 | |
| 12 | Synchronous And Asynchronous Javascript | Make a TODO list using localStorage |
THA12 | LIVE SITE (GitHub Pages) |
| 13 | Promises, Async and Await in JS | Make a website using API |
THA13 | |
| 15 | React Basics | Print Hello World using React |
THA15 | |
| 16 | Installing React and Functional Components | (a)Make a card display React app |
THA16A | LIVE SITE (Netlify) |
(b)Make a chess grid card application using React |
THA16B | LIVE SITE (Netlify) | ||
| 17 | JSX and React Props | Make a scroll view in React |
THA17 | LIVE SITE (Firebase) |
| 18 | Inline Styles and Reusable Components | Make a chess grid using resuable components |
THA18 | LIVE SITE (Netlify) |
| 19 | Class Components, Lifecycle Methods, Webpacks | Make a React app having 4 counters with each managing their own state |
THA19 | LIVE_SITE (Cloudflare) |
| 20 | React Hooks, Event and State | Make a scroll view and implement delete functionality in React |
THA20 | LIVE_SITE (Vercel) |
| 21 | API, React Forms | Make a calorie counter list with item editing functionality (using Material UI |
THA21 | LIVE_SITE (Netlify) |
| 22 | Meme Generator | Make a meme generator in React using API |
THA22 | LIVE_SITE (AWS_Amplify) |
| 23 | Custom Hooks and React Router | |||
| 24 | State Management with Reducer and Context | Make a simple routing application in React |
THA24 | LIVE_SITE (Netlify) |
| 25 | Bootstrap and Tailwind - Concept and Usage | |||
| 26 | Redux Basics, Counter State, Reducers | Make a simple form application in React using Redux |
THA26 | LIVE_SITE (Firebase) |
| 27 | Middleware, Async Actions and thunk in Redux | Make a todo application in React using Redux |
THA27 | LIVE_SITE (Cloudflare) |
MAHASABHA SESSIONS
| S.NO. | SESSION TOPIC | DESCRIPTION | LINK |
|---|---|---|---|
| A | Calculator with Javascript | Create a calculator tha does add, multiply, subtract etc. (with use of event Listeners) |
LINK |
| B | Designing with Figma | A workshop on using Figma |
LINK |
| C | Cybersecurity by Harsh Bothra | A workshop on cybersecurity |
LINK |