🖥️ Frontend Developer Starter Kit

Welcome to the Hack the Gap Starter Kit for Frontend Development! This guide is for current and future Frontend Developer professionals, organizations and individuals who generally want to learn about Frontend Development practices.

📖 Background

Why Frontend Development?

A frontend developer is responsible for designing and implementing the user interface of a website or application, ensuring a visually appealing and intuitive user experience. They use programming languages such as HTML, CSS, and JavaScript to create responsive and interactive elements that users interact with directly.

📌 Get Started

Curious about frontend development but not sure where to begin? Explore the world of creating dynamic and user-friendly web applications. Whether you're interested in design, coding, or improving user interfaces, there's a place for you in frontend development.

🌱 Grow Your Skills

Develop your knowledge and skills in Frontend Programming. Check out our favorite free resources!

Git Resources: Track Changes and Collaborate With Others

Basics of Git, GitHub, and GitHub Desktop app

YouTube Introduction by @TheCoderCoder

— Git, GitHub, & GitHub Desktop for beginners

Learn Git Branching

Interactive git visualization and tutorial

— Learn Git Branching

Additional Learning Resources

  • MDN Web Docs: Comprehensive resource for web developers, covering HTML, CSS, JavaScript, and more.

  • JavaScript.info: In-depth tutorials on JavaScript, including modern features and best practices.

  • CSS Tricks: Provides tips, tricks, and tutorials on CSS.

  • Frontend Mentor: Real-world projects for practice, helping developers improve their skills by building complete solutions.

Frameworks and Libraries

  • Free Code Camp Interactive Course

    Free Code Camp: Front End Development Libraries Certification Course

  • Vue.js

    Vue.js: A progressive JavaScript framework for building user interfaces

  • Bootstrap

    Bootstrap: A popular CSS framework for building responsive and mobile-first websites

🗂️ Workflow and Design Resources

  • Webpack: A powerful bundler that enhances your workflow by managing assets, modules, and dependencies.

  • Figma: A collaborative design tool that allows developers
    and designers to work together in real-time.

  • ESLint and Prettier: Tools to maintain code quality and consistency in
    JavaScript projects.

👥 Community and Networking

  • Stack Overflow: A community where developers can ask and answer questions related to programming.

  • Dev.to: A platform for developers to share articles, ask questions, and engage with the community.

  • Code Newbie: A supportive community (and podcast) of programmers and people learning to code.

📰 Stay up to date with newsletters, podcasts, and blogs:

  • CSS Weekly: Delivers a curated list of CSS articles, news, and resources.

  • Web Design Weekly: Provides a weekly roundup of web design and development news.

  • Syntax Podcast: Covers web development topics in a casual and informative manner.

  • ShopTalk Show: Discusses front-end web design, development, and UX.

  • The Go Make Things Podcast: Insightful web development podcast covering tech trends and best practices.

  • Women in Tech Podcast hosted by Espree Devora: Explores stories, challenges, and successes of women in the tech industry.

  • Tech Girls Cast Podcast: Offers insights into technology, entrepreneurship, and career development for women in tech.

  • Blog - AnitaB.org: Features articles, resources, and insights on diversity, inclusion, and women in technology.

  • Spilling the T Podcast: Dives into candid conversations about tech, entrepreneurship, and personal growth.

  • ReadMe Guides on GitHub: Comprehensive guides and resources for developers, covering a wide range of topics and technologies.

🌅 Be Inspired

  • Tonicia Kelly (@blackgurltech)

    Technology from the lens of a Black Woman in Tech! Nici Kelly has over 23 years of experience as a Full Stack Engineer, Technology Leader, and Mentor.

    Blackgurltech

  • Making Cool Websites (@codecoolwithzainab)

    Frontend developer. I teach you to code better. I post about A.I, career, tech and more!

    codecoolwithzainab

  • Programming with Mosh

    Hi! I'm Mosh 👋, a software engineer with over 20 years of experience. I'm all about clear, concise, practical coding tutorials – no fluff, just the good stuff! My courses focus on real-world projects and the skills that will get you hired. I've helped millions of students transform their careers.

    Programming with Mosh

  • Jess Chan (@thecodercoder)

    Practical tips for the beginner web developer.

    thecodercoder

  • Bukola Ayodele (@bukola.dev)

    Software Developer obsessed with Personal Finance.

    bukola.dev

  • Hyperplexed

    See the world of front-end development through my lens. Doing my best to show you how to recreate some awesome stuff from around the web and give you a bit of insight into my creative process.

    Hyperplexed

  • PedroTech

    Videos about Web Development! ReactJS, NodeJS, MySQL, Express, MongoDB, GraphQL and much more!

    PedroTechnologies