msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'e8cd77fc80'
${ noResults }
Web-Dev-For-Beginners/translations/pcm/Roadmap.md

2.5 KiB
Raw Blame History

Roadmap for Microsoft's Web-Dev-For-Beginners Repository

Dis repository dey provide roadmap for learn web development fundamentals with focus on JavaScript, HTML, and CSS. Di curriculum flexible and you fit take am either fully or partially, wit 24 lessons wey spread across 12 weeks.

Key Milestones

  • Weeks 1-3:
    • Introduction to programming languages and tools of di trade
    • Basics of GitHub
    • Accessibility
    • JS basics: data types, functions and methods
    • Making decisions wit JS
  • Weeks 4-6:
    • Arrays and loops
    • Terrarium: HTML in practice
    • CSS in practice
    • JavaScript closures
    • DOM manipulation
  • Weeks 7-9:
    • Typing Game: Event-driven programming
    • Green Browser Extension: Working wit browsers
    • Building a form, calling an API and storing variables in local storage
    • Background processes in di browser
    • Web performance
  • Weeks 10-12:
    • Space Game: More advanced game development wit JavaScript
    • Drawing to canvas
    • Moving elements around di screen
    • Collision detection
    • Keeping score, ending and restarting di game
    • Banking App: HTML Templates and Routes in a Web App
    • Building a Login and Registration Form
    • Methods of Fetching and Using Data
    • Concepts of State Management

Learning Outcomes

By completing dis roadmap, students go gain hands-on experience building typing game, virtual terrarium, eco-friendly browser extension, space-invader-style game, and banking app for businesses. Dem go also develop solid understanding of web development fundamentals.

Additional Resources

  • Dis repository get plenti resources for further learning, including tutorials, code examples, and challenges.
  • Microsoft Learn platform get plenty web development courses and learning paths.
  • Online communities like Stack Overflow and di MDN Web Docs dey provide valuable support and resources for web developers.

I hope dis roadmap go help you for your web development journey!

Disclaimer: Dis dokument don translate wit AI translation service Co-op Translator. Even though we try make am correct, abeg sabi say automated translations fit get error or mistake. Di original dokument wey e dey for im own language na di real correct one. For important tin dem, e better make human professional translate am. We no go responsible if pipo talk wrong or confuse because of dis translation.