How I got my first internship as a junior front-end developer
Tags: opensource, beginners, webdev, career
Published: 2022-12-14 15:30:02

Hi everyone! I’m Albina, a junior front-end developer, and I was selected as an Outreachy intern at Wagtail for the December 2022 - March 2023 cohort &#128640; 
I will be developing tools to help Wagtail editors create accessible content. I would like to tell you about my journey to open source contribution and my first commercial experience in software development.


![Outreachy logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eztcb5c2dy6upfb2n4kw.png)


## What is Outreachy?


I learned about [Outreachy](https://www.outreachy.org/) while transitioning into software development earlier this year. Outreachy is a program that supports diversity in open source and open science by offering paid, remote internships for people who are underrepresented in tech, such as women, people of color, and genderqueer individuals. Outreachy projects may include programming, research, UI/UX, data science, and more.

To be considered for an internship, applicants must go through **two rounds of selection:**

1. The initial application, which consists of essay-type questions on diversity in tech and the applicant's commitment to the program.
2. The contribution period and final application, which require the applicant to make contributions to their chosen open-source community and project. 



![Wagtail logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1wmomyb9yi0kxsguf7p7.png)

## What is Wagtail?

For the contribution period I chose [Wagtail](https://wagtail.org/). It is a popular open-source Content Management System (CMS) written in Python. Wagtail CMS is used by many well-known companies and organizations, including NASA, Google, Mozilla, MIT, Salesforce, and BMW. One of the things that set Wagtail apart is its strong and very friendly community.

Initially, I considered Wagtail because it matched my skill set and because the product is impressive. However, what really stood out to me was the level of **communication and support from the community and mentors**. They provided helpful guides for new open-source contributors, gave fast and extensive feedback on all issues, and appreciated even small contributions. This made the whole experience very encouraging and enjoyable.

## What to expect from the contribution stage?


First of all, it is pretty competitive. The numbers speak for themselves: out of 4440 initial Outreachy applications 1378 passed the first round, and only 64 interns were accepted. At the same time, only 7 people submitted the final application for the project I was applying for. So those who make meaningful contributions and spend time crafting the final application have pretty good chances.

Second and most important, the contribution stage provides valuable learning opportunities and can be a lot of fun. During this stage, I learned about the culture of open source, practiced communication, and improved my technical skills.

**The overall process for me included the following:**

- Reading all the related project documentation
- Setting up Wagtail’s development environment 
- Assessing the code base
- Looking for issues I was comfortable fixing - could be anything from fixing a typo or a bug to small enhancements
- Fixing those issues, getting CI checks and/or mentor’s feedback. Fixing them again if needed&#128517;
- Communicating a lot with the community and mentors throughout the process

**I can’t recommend enough** participating in the Outreachy program and Wagtail community specifically to everyone who wants to boost their learning curve and get industry experience on a real project.


![Accessibility-a11y logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gc323lwrex858hzjogki.png)

## Web accessibility, and why it is important


[Web accessibility](https://www.w3.org/WAI/standards-guidelines/wcag/) (a11y) refers to the practice of designing and developing websites and technologies so that people with disabilities and other limitations can use them with as few barriers as possible. This includes people with permanent disabilities, such as those who are deaf, as well as people with temporary limitations, such as those with a broken arm or those living in an area with slow internet. 

The Wagtail team is committed to creating an accessible and inclusive community and project for everyone. And I personally believe it’s **our responsibility as developers** - we never know what abilities we may have in the future, and 1bn people are disabled today already. Naturally, I chose an a11y-related project. 


## My contributions to Wagtail's accessibility


During the contribution stage, I made 8 Pull Requests to Wagtail, 2 of which were related to [Windows high contrast mode](https://support.microsoft.com/en-us/windows/change-color-contrast-in-windows-fedc744c-90ac-69df-aed5-c8a90125e696) (WHCM). WHCM is an accessibility feature that is designed for people with low vision. It changes the appearance of a website by replacing the colors of different elements, such as buttons, text, or backgrounds, to make them more readable. Some websites have poor color combinations that can be difficult to read, even for people with unimpaired vision. High contrast mode helps by using strongly contrasting colors that are easy to read for everyone. 
**Bonus:** dark high contrast themes can look very cool and clean.


![Windows High Contrast themes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/482bxi7c8ea99yephwun.png)

I worked on improving the design of several Wagtail UI elements in WHCM, such as buttons and tag fields. **Through this work, I:**

&#x2705; Learned about the flexibility and beauty of using [CSS system colors](https://drafts.csswg.org/css-color/#css-system-colors). Using them, the whole design can be created without any hard-coded color values, and users can get a palette that closely mimics their experience with native apps in their operating system 
&#x2705; Tested my solutions using [Assistiv Labs](https://assistivlabs.com/) test suite and Google Chrome dev tools
&#x2705; Polished my SASS/SCSS skills

That is how seemingly small contributions helped me to expand my knowledge, improve front-end skills, and get hooked on the a11y topic in general.

Now I continue to work on making Wagtail itself and Wagtail-based sites more accessible as an intern. 

**Stay tuned for more updates!**

Connect with me on [Twitter](https://twitter.com/AlbinaStarykova) or [GitHub](https://github.com/albinazs) &#x1F90D;