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="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="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="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 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="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 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 can they get useful resources for blogging or web dev. So, I've dedicated this page for you! These are just the ones that I am personally using. </p>
<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>
<h2 id="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="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="icons">Icons</h2>
<ul>
<li><a target="_blank" href="https://icons8.com/icons/">Free icons</a></li>
</ul>
<h2 id="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="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 can they get useful resources for blogging or web dev. So, I've dedicated this page for you! These are just the ones that I am personally using. 

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

## 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

CSS

Graphics/Illustrations

Icons

Analytics

Tools I Personally Use