How I helped my Wife learn Front End Development

UpdatedJuly 30, 2020

•4 min read•View as Markdown

How I helped my Wife learn Front End Development

Bryan Guillén

Software Engineer | Vue Specialist | JavasScript/Typescript | Driven by Product Development

Comments (5)

Join the discussion

Bolaji Ayodeji6y ago

This is really amazing Bryan Guillén. Thanks for helping your wife fulfil her passion 🙏🏾💙

Deactivated User6y ago

Thank you for this Bryan. I am glad your wife has found a passion too. And you'll be there to help her out. I started teaching my 66year old mother how to code too. She has been so excited. Needless to say , lately I haven't found the time to continue helping her consistently. So I guess, I will start the 100days of code challenge along with her so we can be more consistent. I have been trying to create a curriculum that will be easy for her to follow up with . It's been hard but thanks for this great options.

Bryan Guillén6y ago

You are a rockstar for helping your mother! May you have fun and learn tons of stuff!

I think this plan I made for my wife is very beginner-friendly and can help you grow fast without giving up!

The important thing is to not rush, but go at your own pace!

Victoria Lo6y ago

This is a treat to read! Thanks for sharing! I'm glad the both of you share such a wonderful passion :)

Bryan Guillén6y ago

Thanks for reading!

Edidiong Asikpo (Didi)6y ago

This is the content I signed up for Bryan Guillén. It is really amazing to read about the way your supported your wife to learn front end development. Thanks for sharing.

Bryan Guillén6y ago

Thanks! It means a lot to me that you liked it!

Tapas Adhikary6y ago

Bryan Guillén, Nice to know the journey. I am sure, it is going to help many others.. and all the best to her for the career as a web developer.

Bryan Guillén6y ago

Thanks for reading. I sure hope others can benefit from this! Thanks for the wishes!

More from this blog

Finding Bottlenecks in the Frontend to Optimize the UX

This is a common interview discussion topic that gives you the opportunity to demonstrate how you tackle new codebases.

Nov 4, 20253 min read190

Finding Bottlenecks in the Frontend to Optimize the UX

Code Smells & Refactoring

How to unscrew your code and make other Devs love you

Aug 7, 20237 min read136

Craftsmanship as a Software Developer

How to create meaningful work that brings you passion

Jul 18, 20234 min read123

One Year or Year One

How organizing, classifying, and focusing my efforts allowed me to challenge my imposter syndrome.

Mar 25, 20226 min read100

Thoughts on Graduation

The journey wasn't smooth but it was full of miracles every step of the way.

Apr 9, 20213 min read204

Dev Ideas by Bryan G.

8 posts

I am driven by goals and new projects and motivated by personal growth and the growth of those around me.

At the beginning of 2020, my wife decided to learn Web Development and so she asked me where she should start.

Needless to say, I was excited to have someone so close to me to talk about something I love (and also to use as my guinea pig to see if my suggestions work for her! 😂 )

I helped her make a plan/roadmap to learn the basics of web development, starting with the Front End. Now, almost August 2020, she said she is having A GREAT time and the plan I elaborated is working like a charm!

So I decided to share this with you. Who knows, it might help other people too!

ENOUGH with the background story, here is the plan:

1. Responsive Web Design

Learn the basics of HTML, CSS, Accessibility (and so much more).

Where: Free Code Camp has an amazing platform to learn this. But I recommend you get this certification by following along with the amazing Florin Pop. He has videos where he goes through all the challenges on FCC and helps you solve them with no rush and lots of patience.

First video of the series:

https://www.youtube.com/watch?v=pACOweChpEU

Florin is kind, knowledgable and fun! (Make sure you follow him on his social media)

2. CSS - In Depth

In the last step you would have played around with some very important concepts but now it is time to get serious.

Where: Check out this incredible Udemy Course called: CSS - The Complete Guide. In this course, you will see all the key concepts of CSS covered in depth. Important things like Flexbox and CSS Grid will be expanded upon compared to the previous step. Max definitely knows what he is talking about and will make complex concepts seem easy!

Udemy Course:

https://www.udemy.com/course/css-the-complete-guide-incl-flexbox-grid-sass/

3. Build, Build, Build

Now you know A LOT and you probably followed along building several projects. Now it is time for you to build your own projects. It doesn't have to be the next Twitter or Netflix, but build 1 or 2 small projects where you put everything in practice.

DON'T FORGET: Upload your work to Github so other people can see it. Here is a tutorial on how to push to Github and make your projects live: A Guide to using Github Pages.

4. Looks + Functionallity

If you made it this far you are on 🔥

Your websites probably look amazing but now, they need to do something, right? The buttons, forms, even simple calculations, all that requires scripting/programming. Otherwise, the website is just static art.

This is were learning JavaScript, the most used and beginner-friendly programming language there is, comes into play!

Where: Another Udemy Course. The Complete JavaScript Course. This one is taught by the patient and thorough instructor: Jonas Schmedtmann.

Udemy Course:

https://www.udemy.com/course/the-complete-javascript-course/

5. Solidify your knowledge - AKA Build some more!

The more you build, the more chances you have of retaining the knowledge you just obtained.

Where: Probably one of the people who has contributed the most to the Development community is Brad Traversy , and not a long time ago he decided to bless us with an awesome Udemy Course called: 20 Web Projects With Vanilla JavaScript.

Udemy Course:

https://www.udemy.com/course/web-projects-with-vanilla-javascript/

Believe it or not, that's it. If you follow these steps you will know enough to call yourself a Front End Developer!

Of course, there are a lot of things you could add, like a Framework, a CSS pre-processor, bundlers, and transpilers. But with HTML, CSS, and JS, you have enough to become employable!

Time: 6-7 Months

Budget: ~40$

BONUS: Be active in the community. Tweet about your journey, cheer other people, and learn from others. Have a professional LinkedIn Profile

DISCLAIMER: Make sure you build your own projects and not only follow along coding what others are coding. Pause the videos, attempt the solution yourself and if you get stuck, only then play the video to see how they did it.

Command Palette

Comments (5)

More from this blog

1. Responsive Web Design

2. CSS - In Depth

3. Build, Build, Build

4. Looks + Functionallity

5. Solidify your knowledge - AKA Build some more!