(ง •̀_•́)ง Ming and Her Code

As a Code Newbie: What makes a good developer?

Content

The plan

As a code newbie, the questions I have are :

  1. What hard skills do I need besides what’s taught in school?
  2. What soft skills do a developer need?
  3. How can I build them?

The answer to question 1 is pretty simple: take a look at the program outline and learn what’s not on there. I did that. My program does offer some web development courses but only touches the basics. HTML and CSS it is.

As for question 2, the most common issue in the programming industry I read online is communication-related. It could be communication between junior and senior developers, developers and the business team, or developers and clients. It boiled down to communication between tech and non-tech people.

So, how can I build them? I choose freeCodeCamp to learn HTML and CSS because it’s free to try out, plus it has a big community. Since I don’t work with anyone, I decided to write documentation for my projects (not documenting is also an issue I read), pretending I am explaining it to non-technical people.

The process

I thought it would be best to show you the process with table and bullet points because, well, it was all over the place.

Timeline What I did
Before Zero coding experience and barely use English in my daily life.
2018 Started learning HTML and CSS on freeCodeCamp and completed the Responsive Web Design course.
Took JavaScript30, a free course by WesBos, after completing JavaScript Algorithms and Data Structures on freeCodeCamp.
05/2019 I wanted to build a “real” project. I learned Git and GitHub by watching The Coding Train’s videos and put together a responsive Jekyll blog from scratch (the grandparent of what you see now).
Learned how to work with APIs, also from The Coding Train.
Attended local workshop and meetup to meet developers. Joined a collaboration program, Chingu, for team experience, I worked with three other developers online creating a Momentum clone.
Learned some basic React through FreeCodeCamp’s Front End Libraries course.
03/2020 I stopped in the middle of my freeCodeCamp Data Visualization course to focus on my internship.

Things I found effective 👍

Things I found not so effective🤷‍♀️

I wish someone would have told me🤔

🍥Appendix A: Projects I built

Mostly from tutorials.

🍥Appendix B: Notes I took

Practicing English as well!

🍥Appendix C: For memories

My ugly Jekyll blog

Fancy hamburger menu in version 1:

version 1 hamburger menu

Version 2 is cleaner than version 1:

version 2

Hamburger menu in version 2:

version 2 hamburger menu

Version 3 has syntax highlighting and orange as accent colour:

version 3

I separated notes with posts in version 4. Remove JavaScript and rewrite my CSS with BEM methodology:

version 4

After that, I cut down some contents.

version 5

Chingu

The certification:

Chingu schedule

The schedule:

Chingu schedule

“open source”

Hacktoberfest completion:

Completing Hacktoberfest