Recommended
Recommended
More Related Content
Similar to diy Frontend Roadmap PPT code dose.pdf
Similar to diy Frontend Roadmap PPT code dose.pdf (20)
Recently uploaded
Recently uploaded (20)
diy Frontend Roadmap PPT code dose.pdf
- 1. WELCOME! Here’s a reward for you for joining this webinar early! You can get Rs1000 OFF on my Frontend Course (link in description) with the coupon (expires in the next 48 hours): W E B 1 0 0 0 We’ll begin shortly...
- 2. DIY FRONTEND DEVELOPER Your roadmap to becoming a high-earning Frontend Developer
- 3. WHAT'S COVERED 01 01 02 02 Your roadmap to learning Frontend Development 03 03 04 04 QnA Your roadmap to building an amazing portfolio that attracts recruiters Your roadmap to going from an intern to a high-earning React Developer 2 HOURS
- 4. YOUR ROADMAP TO LEARNING FRONTEND DEVELOPMENT 01
- 6. 2016
- 7. 2016
- 8. 2016
- 11. YOU DON‘T KNOW WHAT YOU DON‘T KNOW
- 12. HTML BASICS TAGS STYLE ATTRIBUTES NESTING SCRIPT COMMENTS LINK
- 16. CSS FRAMEWORKS
- 17. JAVASCRIPT VARIABLES DATA TYPES COMMENTS LOOPS CONDITIONALS FUNCTIONS OBJECTS CLASSES ES6+ DOM
- 18. JAVASCRIPT CALLBACKS CLOSURES PROMISES & ASYNC/AWAIT TYPESCRIPT EQUALITY REQUESTS ITERATORS GENERATORS THIS CODE QUALITY EVENT LOOP
- 20. SKILLS THAT WILL PUT YOU ABOVE YOUR COMPETITION RESPONSIVE DESIGN UI/UX PROBLEM SOLVING SELF LEARNING
- 21. REACT
- 22. COMPONENTS STATE PROPS HOOKS EFFECTS EVENT HANDLING
- 24. DEVELOPER TOOLS REDUX REACT-HOOK-FORM CUSTOM HOOKS TESTING REACT-QUERY
- 25. REACT PATTERNS MEMOIZATION VIRTUALIZATION LAZY LOADING & SUSPENSE ROUTING SSR/SSG (NEXTJS/GATSBY)
- 27. EXTRAS
- 29. WHERE DID I LEARN FROM?
- 30. 01 01 Took a hands-on course on Codecademy.
- 31. 02 02 Started contributing to React open source projects
- 32. 03 03 Participated in a virtual Hackathon and built another React project
- 34. MORE RESOURCES
- 35. COURSES SCRIMBA'S LEARN REACT COURSE CODECADEMY'S LEARN REACT COURSE SERIES Hands-on course that is project driven. Hands-on courses on beginner to advanced topics META'S REACT COURSES ON COURSERA Courses taught by actual professionals
- 36. YOUTUBE COURSES CLEVER PROGRAMMER'S 20 HOUR REACT COURSE FREECODECAMP'S REACT COURSE REACT IN 8 HOURS BY PEDROTECH
- 39. I AM NOT COMPLETELY SELF- TAUGHT C++ TECH SOCIETIES DSA PEERS AWARENESS MENTOR
- 40. YOUR ROADMAP TO BUILDING AN AMAZING PORTFOLIO 02
- 41. TYPES OF PROJECTS YOU SHOULDN'T BE ADDING IN YOUR RESUME Projects you've built as a part of the course Projects you've built after watching or reading a tutorial Projects you've built for school (group) Projects you've copied from somewhere *Unless they are exceptionally good
- 42. TYPES OF PROJECTS YOU SHOULD BE ADDING IN YOUR RESUME Projects you've built as a part of a hackathon Projects you've built to solve a problem Projects you've built as a freelancer Projects you've built with the goal of building a startup
- 44. LEARN GIT & GITHUB! YOUTUBE CODECADEMY PHONE A FRIEND
- 45. HOW TO FIND PROJECT IDEAS? ASK CHATGPT! Is there a tool that you can build that can improve your life in some way? Is there something you're genuinely interested in building? Is there a hackathon active right now, do you feel inspired with their themes? Is there a startup idea in your head? A better version of a tool that you’re already using
- 46. PROJECT ROADMAP IDEA UI/UX TECH STACK BUILDING GITHUB DEPLOY DOCUMENTATION
- 47. OTHER COMPONENTS OF A PORTFOLIO BLOGS OPEN SOURCE CONTRIBUTIONS TECH TALKS RESEARCH PAPERS
- 48. WHY SHOULD YOU WRITE A BLOG? They help you understand a topic better. (Feynman’s Technique) They help build credibility on a certain topic. They help increasing your reach and improving visibility.
- 54. YOUR GUIDE TO CONTRIBUTING TO OPEN SOURCE
- 55. FINDING A PROJECT Fix bugs in an existing packcage or app that you use Look for project listing of Open Source programs like GSoC and Outreachy Check for open issues on CodeTriage/ Quine.sh Explore new projects on GitHub topics
- 56. STEP 1: SETUP THE PROJECT LOCALLY Search for the guide to setup the project locally and get started. The guide will be enough to get you setup but incase you get stuck, you should look out for the project's communication channel to seek help from other contributors.
- 57. STEP 2: READ THE CONTRIBUTOR GUIDELINES If a project accepts contributions from the community, it's likely it'll have a contributor guideline present. The guideline will help you understand the standards and practices used in the project.
- 58. STEP 3: BEGIN WITH NEWCOMER FRIENDLY ISSUES Navigating new codebases can be intimidating. It's easier if you start out with smaller or more beginner friendly tasks.
- 59. STEP 4: START CONTRIBUTING Read the issue description carefully Ask for help Reproduce the issue Time for a self review
- 61. YOUR ROADMAP TO BECOMING A HIGH-EARNING DEVELOPER 03
- 63. ROME WASN'T BUILT IN A DAY. GREAT THINGS TAKE TIME.
- 64. ON-CAMPUS PLACEMENT TIER 1 COLLEGE TOP GRADES GREAT AT DSA SERVICE BASED COMPANY BUILD PORTFOLIO & EXPERIENCE LEARN DSA The success stories that you hear of people cracking high salary packages falls in one of the following categories: OFF-CAMPUS PLACEMENT GREAT PORTFOLIO GREAT AT DSA (FAANG) OFF-CAMPUS PLACEMENT GREAT PORTFOLIO GREAT DEV SKILLS (STARTUPS/REMOTE)
- 65. Y O U HAVE TO WORK YOUR WAY UP
- 66. ROADMAP TO A HIGH- PAYING JOB SKILLS INTERNSHIPS PROJECTS INTERNSHIPS OPEN SOURCE JOB JOB
- 68. Make a Good First Impression Use a Good Resume Layout Mention the Most Important Things from Top to Bottom Add Plenty of Links Be Mindful of Relevance Highlight Keywords
- 69. Quantify Achievements ATS Friendly Resumes Keep it Concise ChatGPT it! Tailor Your Resume Get it reviewed!
- 70. RESOURCES https://www.career cup.com/resume https://resumeworde d.com/score https://www.kickres ume.com https://chat.openai. com/ Tips to create a resume Score your resume Use AI to craft a resume Improve resume using ChatGPT
- 71. COLD REACH OUTS
- 72. HOW TO REACH OUT TO RECRUITERS 01 01 02 02 Search for recruiters in your target company on LinkedIn 03 03 04 04 Connect with them and then either send them a message or an email. You can search for their emails using tools like Clearbit Reach out to people on twitter
- 73. Looking for full time Opportunities (2023 Grad) @ Company Hello, I am a Computer Science graduate from_____. A little bit about myself, I am a huge open source enthusiast, I have done previous internships with the ______ in Summer 2018 and_______. I have experience with ______. I have attached my resume for your reference. Thank you for your time and consideration! Thanks & Regards, [Name] [Website]
- 75. USE CHATGPT Give it context about yourself Give it context about the company Give it context about whom you're reaching out to. Ask it to draft a message 1. 2. 3. 4.
- 77. USE CHATGPT Give it your resume Give it the job description Ask it to tailor your resume for this job role 1. 2. 3.
- 78. INTERVIEW PREP
- 79. TOPICS TO COVER FOR INTERVIEW PREP HTML JS CSS REACT DSA SYSTEM DESIGN COMPUTER SCIENCE
- 81. VALUES
- 84. THE FRONTEND PILL G R O U P M E N T O R S H I P
- 85. THE FRONTEND PILL P E R S O N A L M E N T O R S H I P
- 86. QnA 04
- 87. THANKYOU! Thank you for attending! You can get Rs1000 OFF on my Frontend Course (link in description) with the coupon (expires in the next 48 hours): W E B 3 0 0 0 W E B 1 0 0 0