The Software Engineering pre-work takes place on a platform called Scrimba, which is the official Mozilla Developer Network (MDN) partner for delivering the MDN Curriculum.

While you may not yet be familiar with MDN, it will become a central hub of learning during your time as a software engineer.

Scrimba offers interactive lessons, which they call "scrims," that combine instructor-led lectures with interactive coding challenges on a convenient web-based platform.

You are required to complete two courses: "Learn HTML and CSS," and "Learn JavaScript." It should take **approximately 20 hours** to complete these two courses.

These two courses will give you a wide variety of foundational skills and conceptual knowledge that will be essential for your success in the Software Engineering course; however, they are not meant to teach you everything! 

These are fast-paced, hands-on lessons, and can feel overwhelming at times. Take your time and make steady progress. We will revisit many of these concepts in more detail during the course!

Follow the instructions below to get started!

Navigate to <https://v2.scrimba.com/home>

Click "Courses," or select "Learn HTML and CSS" if it is readily visible. You can also navigate to the course directly using [this link](https://v2.scrimba.com/learn-html-and-css-c0p), but it is recommended you become familiar with navigating the Scrimba interface.

Click "free" and then "Learn HTML and CSS," or search for "Learn HTML and CSS" using the search bar and then select it.

This course will teach you HTML and CSS through building and deploying five awesome projects. It is also fully interactive, with over 75 coding challenges. There are no prerequisites, so it is suitable for absolute beginners.

Click "Build & Deploy Your First Website"

Click the play button next to "Welcome to the HTML & CSS course!"

As you continue through the courses, you will be challenged with small coding exercises to introduce you to the world of software engineering.

You are required to complete the entirety of the [**Learn HTML and CSS**](https://v2.scrimba.com/learn-html-and-css-c0p) course, as well as the [**Learn JavaScript**](https://v2.scrimba.com/learn-javascript-c0v) course, which can be found using the same methods as above, but are linked here for convenience.

As you complete sections, your progress will be shown as both a percentage of the lessons you have viewed (seen as 19% in the screenshot above) and the number of coding challenges you have completed (seen as 2/12 in the screenshot above).

You must complete all of the **free** lessons and activities in order for your pre-work to be considered complete. The instructions below highlight what your Pre-Work submission should look like when complete.

**NOTE:** In the courses, there are several sections (Scrims) that are marked as **(PRO)**, these cost money and **paid content is not required for you to complete.** If, at any time and for any reason, you encounter content that requires you to upgrade to the paid version, **you ARE NOT REQUIRED to complete that paid Scrim**. You may choose to do so for your own benefit, but it is NOT a requirement of the Software Engineering course pre-work.

This screen will pop up when you have complete 10 free challenges. **You do not need to upgrade** when you run out of free challenges. 

Click skip exercise to continue through. You may be asked to upgrade several times when the challenges come up. **Continue to skip throughout the full lesson anytime this screen pops up.**

This screen may pop up for Solo Projects. These are not required. You can close out of this Scrim(s) and proceed to the next lesson(s). **You do not need to upgrade your account to complete this Pre-Work.**

Proof of Completion Submission Guidelines

Once you have completed the courses, take a screenshot of the course page using **Windows Key + Prt Sc** (Print Screen) on Windows, or **Command + Shift + 4** on Mac.

On Windows, you will find your screenshots in the Pictures folder under Screenshots. On Mac, you may find them on your Desktop or within your Documents folder.

**Ensure that your screenshot includes:**

- Your name or unique identifier (top left corner).
- A view of all course sections for completion verification.

Below are example screenshots showing the requisite information.

**In order to be considered complete, your pre-work proof of completion must show the following completion percentages:**

**For the "Learn HTML and CSS" course your screenshot should show at least:**

- Build & Deploy Your First Website
  - 100% complete
- Build a Google.com clone
  - 90%+ complete
- Build a Digital Business Card
  - 90%+ complete
- Build a Space Exploration Site
  - 90%+ complete
- Build a Birthday GIFt Site
  - 100% complete
- Solo Project: Hometown Homepage
  - 0%+ (Not required)

**\*Solo Project (PRO) items are not required\***

\*\*\*\*Ensure that your screenshot includes:

- Your name or unique identifier (top left corner).
- A view of all course sections for completion verification.\*\*

\*\*Ensure that your screenshot includes:

- Your name or unique identifier (top left corner).
- **A view of all course sections for completion verification.**

Scrimba

This guide provides step-by-step instructions for enrolling, completing, and submitting the Software Engineering Pre-Work hosted on the Scrimba platform.

Software Engineering Pre-Work

Introduction

Navigating Scrimba

Notes on Pre-Work Course Content

Proof of Completion Submission Guidelines