Week | Dates | Tasks |
---|---|---|
Week 1: Intermediate JavaScript and UX/UI Design | June 3-9 | - Intermediate JavaScript: Review basics (syntax, variables, data types, basic operators), functions, scope, loops, basic DOM - UX/UI Design: Basics of Figma, Sketching, and UX principles |
Week 2: Advanced JavaScript and Wireframing | June 10-16 | - Project: Build a Dicee game - Advanced JavaScript: DOM manipulation, event handling - UX/UI Design: Wireframes, user flows, sitemaps |
Week 3: jQuery and Figma Prototyping | June 17-23 | - jQuery: Basics for DOM manipulation - Project: Build a Simon game - Prototyping and Projects: Create prototypes and projects in Figma |
Week 4: Design Systems and Version Control | June 24-30 | - Design: Spacing, grid systems, typography, color theory - Version Control: Unix commands, Git, GitHub - Review: JavaScript |
Week 5: UI Elements and Web Dev Review | July 1-7 | - Design: Images, icons, forms, UI elements - Review: HTML, CSS, JavaScript fundamentals |
Week 6: React Fundamentals and Mobile Design | July 8-14 | - React: Fundamentals - Design: Web accessibility, common web design patterns |
Week 7: Advanced React and UX/UI Deep Dive | July 15-21 | - React: Continued learning - UX/UI: Mobile-first design, visual styles, animations, design systems |
Week 8: Web & Mobile Design Execution | July 22-28 | - Complete sections from "Complete Web & Mobile Designer: UI/UX, Figma, +more" - Review: React |
Week 9: Typescript & SASS | July 29 - Aug 4 | - Typescript: Introduction and fundamentals - CSS: SASS |
Week 10: Typescript, SASS, and Testing | Aug 5 - 11 | - Continue: Typescript - Testing: JEST - CSS: SASS |
Week 11: Next.js and Review | Aug 12 - 18 | - Next.js: Introduction and fundamentals - Review: All previous learnings - Mini projects |
Week 12: React Native and Tailwind | Aug 19 - 25 | - React Native: Mobile application development - CSS: Review Bootstrap, learn Tailwind |
Week 13: Portfolio Projects | Aug 26 - Sep 1 | - Projects: Develop portfolio projects - Use this time for any additional learning or review |
Week 14: Finalizing Projects and Review | Sep 2 - 8 | - Finalize your portfolio website, incorporating all your projects - Update your resume with new skills and projects |
Week 15: Finalizing Projects and Review | Sep 9 - 15 | - Final review and preparation for job applications - Start preparing for job applications and interviews - Celebrate your achievement - Reflect on your journey and plan for continued growth as a frontend developer |