Frontend Projects (Beginner)

Feb 2, 11:00 PM – Feb 10, 1:00 AM (UTC)

FrontEnd Classes

It’s time to hit ‘pause’ on the tutorial and code-along videos and put your JavaScript skills to practical use! Join other Frontend students and build a project.

About this event

The hardest parts of learning web development and integrating your new skills can be knowing what to build and getting enough practice. Our Frontend Projects cohorts are geared to help you overcome these two learning obstacles.


In Frontend Projects 1, the focus is on combining your new JavaScript skills skills with HTML & CSS to build small interactive projects—and your technical confidence!

You’ll experience the practical application of core programming and JavaScript concepts such as working with functions, conditionals and data structures (arrays, objects); DOM manipulation to make things dynamic, and more. You’ll also practice applying modern web development concepts such as responsive design, accessibility, and more. 

This cohort is perfect for new JavaScript learners, or for those looking to refresh their skills or renew their practice.

If you’re an intermediate JavaScript-er (knowledge of ES6+, frameworks such as React) and are up for more to stretch your skills, we recommend taking Frontend Projects 2. Coming Soon!

Over two weeks, you will work on challenges that incorporate the skills you already have and that also stretch you to find and learn new ones! By the end, you’ll have a completed portfolio project and the confidence to continue growing your frontend practice!


How Frontend Projects Cohorts Work:

The focus is on independent work-–practicing with the skills you already have, and learning to find resources to get your project(s) to completion.

To kick off, you’ll receive a pre-selected challenge from FrontendMentor.io to code at your own pace and time. There will be two followup lab sessions to review [ongoing] work or demo [completed] work; troubleshoot code; discuss best practices and techniques; get your questions answered; and review upcoming challenges.

In between the labs, you’ll use GDI’s Community Slack channel to get on-going support from your instructor, ask further questions, receive and share feedback and resources with other cohort members.

Learn More: Frequently Asked Questions


Why you should join:

  • A new UI challenge every week = 2 new projects to add to your portfolio
  • Getting individualized and specific feedback from your instructor
  • Focused practice on using your JavaScript skills.
  • Cultivating general coding best practices
  • Learning in community with others


Class Details: Class will meet 2 times following a pre-recorded orientation that will be send via email one week before the event..

Schedule:

  • Orientation: PRE-RECORDED
  • Project Lab #1: Friday Feb. 9th @ 6p - 8p ET / 3p - 5p PT
  • Project Lab #2: Friday, Feb. 16th @ 6p - 8p ET / 3p - 5p PT


Cost: Cost: $80


Want More from GDI? GDI offers a variety of ways you can join our community! Whether you are brand new to tech or want to advance the experience you've already racked up, we have something for you. When you join as a member, you develop your own pathway to develop code, confidence, and community. If you just want to get your feet wet or want a personal coach to land your dream job, GDI has memberships to match your interest, availability, and budget. Learn more here.


Prerequisites:

  • Knowledge of HTML & CSS; or you’ve completed Web Essentials 1 and/or 2 (GDI)
  • Knowledge of JavaScript basics; or you've completed JavaScript Fundamentals 1 (GDI)
  • OR equivalent HTML, CSS & JavaScript courses with Udemy, Codecademy, FreeCodeCamp, etc.

Learn more: Frequently Asked Questions


Technical Prerequisites:

  • A FrontendMentor.io account (Free)
  • A GitHub account (Required to sign up for Frontend Mentor)
  • A Web Browser (Chrome or Firefox)
  • A Code Editor (Such as: Visual Studio Code, Atom, Sublime, etc.)
    • or an Online Code Editor (Such as Codepen.io, REPL.it, etc.)
  • Join GDI’s Community Slack channel (Invites will be sent after registration)


Code of Conduct:

Our mission is focused on providing opportunities for women to learn web and software development, but our classes and events are open to all genders and identities. We are dedicated to providing a welcoming and comfortable environment for all to learn to code and every attendee is expected to uphold our Code of Conduct (http://www.girldevelopit.com/code-of-conduct).

Explore GDI Memberships

Want More from GDI? GDI offers a variety of ways you can join our community! Whether you are brand new to tech or want to advance the experience you've already racked up, we have something for you. When you join as a member, you develop your own pathway to develop code, confidence, and community. If you just want to get your feet wet or want a personal coach to land your dream job, GDI has memberships to match your interest, availability, and budget. Learn more here. Code of Conduct: Girl Develop It is focused on providing opportunities for women and non-binary individuals to learn web and software development, but our classes and events are open to all genders and identities. We are dedicated to providing a welcoming and comfortable environment for all to learn to code and every attendee is expected to uphold our Code of Conduct (http://www.https://girldevelopit.com/code-of-conduct/).

Organizers

  • Katie Franco

    Girl Develop It

    Executive Director

  • Katie Brydon (she/her)

    Girl Develop It

    Community Director

CONTACT US