Providing beginner-friendly tutorials for new programmers on JavaScript, React, Blogging, Software Development, Web Development and more!

Blogging and Web Development | Articles by Victoria Lo

<p>Hi there! 👋 Thanks for checking out this page. If it is okay with you, please read a little longer.</p>
<h2 id="heading-my-story">📖 My Story</h2>
<p>In 2019, I was an ordinary adult who love programming as a hobby. I never thought of pursuing a career in tech, nor did I think I can ever make it in the industry as a "self-taught" programmer.</p>
<p>2020 was a big hit to all of us. I struggled with some health issues and had to take a break. After recovering, I started to freelance as a web developer, mainly helping small local businesses in my community. It was then I realized that what started as a hobby when I was young had turned into passion and deep curiosity in the field. </p>
<p>So I took a leap of faith and switched my career from finance to software/web development. At first, it was really hard to stand out with my resume. As a small freelancer without a formal education in Computer Science, my resume had no substance and impact to potential employers. But it all changed after I started this blog...</p>
<h2 id="heading-an-eternal-mission">🎯 An Eternal Mission</h2>
<p>Today, I am still an ordinary adult who love programming. The difference is that I love writing now too! The topics I write vary from technical articles relating to web development to blogging tips to empower new writers.</p>
<p>My purpose of writing on this blog is simple: <strong>to help the community and learn new things every day together.</strong></p>
<p>It's always super rewarding to read a comment or post that my article helped inspire someone's motivations, goals and journey, or just made them smile. <strong>Providing great value to others</strong> is what I consider as the ultimate and eternal mission of this blog.</p>
<h2 id="heading-wow-still-here">🔥 Wow! Still here?</h2>
<p>Thank you so much for taking your time to read this long page. </p>
<p>I have been writing non-stop on this blog since May 2020. As you know, it takes a lot of concentration, discipline, time management and hard work; so your support would mean a lot to me, as it tells me that I am on the right track.</p>
<p>If you are willing to support my blog and its mission, please consider sponsoring me or <a target="_blank" href="https://www.buymeacoffee.com/victoria2666">buy me a cup of tea</a> 😇~</p>
<p>Also, please feel free to reach out or connect via <a target="_blank" href="https://twitter.com/lo_victoria2666">Twitter</a>, <a target="_blank" href="https://github.com/victoria-lo">GitHub</a> or <a target="_blank" href="https://www.linkedin.com/in/victoria2666/">LinkedIn</a>. </p>
<p>If you are interested in reading more about developer life, journeys, etc., check out my <a target="_blank" href="https://buttondown.email/awesomedeveloperdiaries/archive/welcome-to-awesome-developer-diaries/">Awesome Developer Diaries</a> newsletter~</p>
<p>If you have any questions, my inbox is always open! Shoot an <a target="_blank" href="mailto:victoria-lo@hotmail.com">email</a> anytime!</p>
<p>Stay safe and stay tuned for my next articles! Cheers!</p>
<h4 id="heading-sincerely-a-tea-loving-nerd">Sincerely, a tea-loving nerd 🍵</h4>


Hi there! 👋 Thanks for checking out this page. If it is okay with you, please read a little longer.

## 📖 My Story
In 2019, I was an ordinary adult who love programming as a hobby. I never thought of pursuing a career in tech, nor did I think I can ever make it in the industry as a "self-taught" programmer.

2020 was a big hit to all of us. I struggled with some health issues and had to take a break. After recovering, I started to freelance as a web developer, mainly helping small local businesses in my community. It was then I realized that what started as a hobby when I was young had turned into passion and deep curiosity in the field. 

So I took a leap of faith and switched my career from finance to software/web development. At first, it was really hard to stand out with my resume. As a small freelancer without a formal education in Computer Science, my resume had no substance and impact to potential employers. But it all changed after I started this blog...

## 🎯 An Eternal Mission
Today, I am still an ordinary adult who love programming. The difference is that I love writing now too! The topics I write vary from technical articles relating to web development to blogging tips to empower new writers.

My purpose of writing on this blog is simple: **to help the community and learn new things every day together.**

It's always super rewarding to read a comment or post that my article helped inspire someone's motivations, goals and journey, or just made them smile. **Providing great value to others** is what I consider as the ultimate and eternal mission of this blog.

## 🔥 Wow! Still here?
Thank you so much for taking your time to read this long page. 

I have been writing non-stop on this blog since May 2020. As you know, it takes a lot of concentration, discipline, time management and hard work; so your support would mean a lot to me, as it tells me that I am on the right track.

If you are willing to support my blog and its mission, please consider sponsoring me or [buy me a cup of tea](https://www.buymeacoffee.com/victoria2666) 😇~

Also, please feel free to reach out or connect via [Twitter](https://twitter.com/lo_victoria2666), [GitHub](https://github.com/victoria-lo) or [LinkedIn](https://www.linkedin.com/in/victoria2666/). 

If you are interested in reading more about developer life, journeys, etc., check out my [Awesome Developer Diaries](https://buttondown.email/awesomedeveloperdiaries/archive/welcome-to-awesome-developer-diaries/) newsletter~

If you have any questions, my inbox is always open! Shoot an [email](mailto:victoria-lo@hotmail.com) anytime!

Stay safe and stay tuned for my next articles! Cheers!


#### Sincerely, a tea-loving nerd 🍵

Articles by Victoria Lo

<p>A lot of my readers have asked me where they can get useful resources for blogging or practising their web development skills. So, I've dedicated this page for you!</p>
<blockquote>
<p>If you have suggestions to add to this list, feel free to shoot me an <a target="_blank" href="mailto:victoria-lo@hotmail.com">email</a>.</p>
</blockquote>
<h2 id="heading-general-courses-at-geeksforgeeks">General Courses at GeeksforGeeks</h2>
<ul>
<li>Perfect for beginners to advanced programmers</li>
<li>Use my code: <strong>VICTORIA10</strong> to get 10% off!</li>
</ul>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://bit.ly/3AZ6NCM">https://bit.ly/3AZ6NCM</a></div>
<h2 id="heading-udemy-courses-free">Udemy Courses (FREE)</h2>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://www.udemy.com/course/devops-101-buddy/">https://www.udemy.com/course/devops-101-buddy/</a></div>
<h2 id="heading-css">CSS</h2>
<ul>
<li><a target="_blank" href="https://csslayout.io/">Popular CSS layouts</a></li>
<li><a target="_blank" href="https://undesign.learn.uno/">Free design tools and resources</a></li>
<li><a target="_blank" href="https://shadows.brumm.af/">CSS Box Shadow Generator</a></li>
</ul>
<h2 id="heading-graphicsillustrations">Graphics/Illustrations</h2>
<ul>
<li><a target="_blank" href="https://www.gettyimages.ca/">GettyImages - free images</a></li>
<li><a target="_blank" href="https://2.flexiple.com/scale/all-illustrations">Flexiple Illustrations - free illustrations</a></li>
<li><a target="_blank" href="https://www.freepik.com/">Freepik - free images</a></li>
<li><a target="_blank" href="https://undraw.co/illustrations">Undraw.co - free minimalistic illustrations</a></li>
<li><a target="_blank" href="https://giphy.com/">Giphy - free GIFs</a></li>
<li><a target="_blank" href="https://canva.com">Create cover images for free</a></li>
</ul>
<h2 id="heading-icons">Icons</h2>
<ul>
<li><a target="_blank" href="https://icons8.com/icons/">Free icons</a></li>
</ul>
<h2 id="heading-analytics">Analytics</h2>
<ul>
<li><a target="_blank" href="https://analytics.google.com/analytics/web/">Google Analytics</a></li>
<li><a target="_blank" href="https://coschedule.com/headline-analyzer">Headline Analyzer - Find the best titles for your article</a></li>
</ul>
<h2 id="heading-tools-i-personally-use">Tools I Personally Use</h2>
<ul>
<li><a target="_blank" href="https://www.adobe.com/sea/products/photoshop.html">Create custom cover images (paid) - Photoshop</a></li>
<li><a target="_blank" href="https://chrome.google.com/webstore/detail/grammar-and-spell-checker/oldceeleldhonbafppcapldpdifcinji?hl=en">Chrome Extension - Grammar and Spell Checker</a></li>
<li><a target="_blank" href="https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen?hl=en">Chrome Extension -  Grammarly</a></li>
<li><a target="_blank" href="https://www.screentogif.com/">ScreenToGif - Record screen and export as GIF</a></li>
</ul>


A lot of my readers have asked me where they can get useful resources for blogging or practising their web development skills. So, I've dedicated this page for you!

> If you have suggestions to add to this list, feel free to shoot me an [email](mailto:victoria-lo@hotmail.com).

## General Courses at GeeksforGeeks
- Perfect for beginners to advanced programmers
- Use my code: **VICTORIA10** to get 10% off!

%[https://bit.ly/3AZ6NCM]

## Udemy Courses (FREE)
%[https://www.udemy.com/course/devops-101-buddy/]

## CSS
- [Popular CSS layouts](https://csslayout.io/)
- [Free design tools and resources](https://undesign.learn.uno/)
- [CSS Box Shadow Generator](https://shadows.brumm.af/)

## Graphics/Illustrations
- [GettyImages - free images](https://www.gettyimages.ca/)
- [Flexiple Illustrations - free illustrations](https://2.flexiple.com/scale/all-illustrations)
- [Freepik - free images](https://www.freepik.com/)
- [Undraw.co - free minimalistic illustrations](https://undraw.co/illustrations)
- [Giphy - free GIFs](https://giphy.com/)
- [Create cover images for free](https://canva.com)

## Icons
- [Free icons](https://icons8.com/icons/)

## Analytics
- [Google Analytics](https://analytics.google.com/analytics/web/)
- [Headline Analyzer - Find the best titles for your article](https://coschedule.com/headline-analyzer)

## Tools I Personally Use
- [Create custom cover images (paid) - Photoshop](https://www.adobe.com/sea/products/photoshop.html)
- [Chrome Extension - Grammar and Spell Checker](https://chrome.google.com/webstore/detail/grammar-and-spell-checker/oldceeleldhonbafppcapldpdifcinji?hl=en)
- [Chrome Extension -  Grammarly](https://chrome.google.com/webstore/detail/grammarly-for-chrome/kbfnbcaeplbcioakkpcpgfkobkghlhen?hl=en)
- [ScreenToGif - Record screen and export as GIF](https://www.screentogif.com/)

Best resources for blogging and web development.

Resources

General Courses at GeeksforGeeks

Udemy Courses (FREE)

CSS

Graphics/Illustrations

Icons

Analytics

Tools I Personally Use