{"publication":{"id":"5ebd7c02acf8911d7951ed49","hashnodeURL":"https://lo-victoria.com","url":"https://lo-victoria.com","canonicalURL":"https://lo-victoria.com","title":"Articles by Victoria Lo","displayTitle":"Blogging and Web Development | Articles by Victoria Lo","descriptionSEO":"Providing beginner-friendly tutorials for new programmers on JavaScript, React, Blogging, Software Development, Web Development and more!","username":"victoria","about":{"html":"

I'm a software developer who loves to build projects and share valuable tips for new programmers on this blog. Please enjoy your read and feel free to comment, share or connect with me!

\n","__typename":"AboutPublication"},"enabledFeatures":{"newsletter":true,"viewCount":false,"readTime":false,"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1595258065636/tpUb85GJk.png","__typename":"OpenGraphMetaData"},"author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","coverPhoto":"https://cdn.hashnode.com/res/hashnode/image/upload/v1596298873098/gTH87_jBr.png","__typename":"User"},"preferences":{"logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607028151322/9o8_5ImaK.png","darkMode":{"logo":null,"enabled":null,"__typename":"DarkModePreferences"},"customCSS":{"enabled":false,"staticMin":"#__next>div>div>div>div>h1{font-weight:300}.blog-impressum h3{display:none}","homeMin":"a{font-weight:300}.dark #__next>div>div:nth-child(2)>div>div>div>div.w-full.md\\:flex-1>div.flex.flex-row.flex-wrap.items-center.mb-2.justify-between>h3>a{color:white}.blog-posts-wrapper{justify-content:space-between}.blog-author-area{max-height:0;overflow:hidden;animation:slideIn;animation-fill-mode:forwards;animation-duration:2s;margin-bottom:2.5rem}@keyframes slideIn{0%{max-height:0}100%{max-height:200px}}.css-jwlm5c{flex-direction:row !important}.css-1uxkh7x{width:auto !important;align-items:flex-start !important;padding-left:3rem}.css-jjmvev{align-items:flex-start !important}.css-5gqbbk{text-align:left !important}.blog-post-card{transition:.6s;width:46% !important;padding:1.2rem !important;background:rgba(255,255,255,0.4);border-radius:12px;border:1px solid rgba(255,255,255,0.18)}.dark .blog-post-card{background:#e3e3e31a}.blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(31 38 135 / 37%)}.dark .blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(255 255 255 / 37%)}.post-cover{border:0}.blog-impressum h3{display:none}","__typename":"CustomCSSPreferences"},"navbarItems":[{"id":"604810c1c64c63545921cb9e","label":"About","url":"https://lo-victoria.com/about","priority":100,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"609527b7d2b17b7fc35f30b0","label":"Sponsors","url":"https://lo-victoria.com/sponsor","priority":99,"type":"link","series":null,"__typename":"PublicationNavbarItem"},{"id":"609275d4b97aec7542ba657d","label":"Blogging","url":"https://lo-victoria.com/series/victorias-blogging-tips","priority":98,"type":"series","series":{"id":"5f89bf47d7dc0b17a97a22e7","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"6048111c7f43655434aaf557","label":"Node.js","url":"https://lo-victoria.com/series/nodejs-rest-api","priority":97,"type":"series","series":{"id":"5f105d5261fb3d25a2d43052","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"60fd1af831552277811ae84d","label":"GraphQL","url":"https://lo-victoria.com/series/graphql","priority":96,"type":"series","series":{"id":"6065c83ffad5042228d35d26","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"61e0ba86d546507ab03419cf","label":"React Hooks","url":"https://lo-victoria.com/series/a-look-at-react-hooks","priority":95,"type":"series","series":{"id":"5fcc9d99f9aad2092499a61b","__typename":"Series"},"__typename":"PublicationNavbarItem"},{"id":"63d1233f79a109e4ff159e58","label":"Resources","url":"https://lo-victoria.com/resources","priority":95,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"614c99f4544e242e0c93f097","label":"DevOps","url":"https://lo-victoria.com/devops","priority":94,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"604813afc64c63545921cbee","label":"Read More","url":"https://lo-victoria.com/read-more","priority":93,"type":"page","series":null,"__typename":"PublicationNavbarItem"},{"id":"604632b9d0457f4d5c583408","label":"Nerd Stuff","url":"https://lo-victoria.com/nerd-stuff","priority":0,"type":"page","series":null,"__typename":"PublicationNavbarItem"}],"enabledPages":{"badges":false,"newsletter":true,"members":null,"__typename":"PagesPreferences"},"customCSSDraft":{"enabled":null,"staticMin":"#__next>div>div>div>div>h1{font-weight:300}.blog-impressum h3{display:none}","homeMin":"a{font-weight:300}.dark #__next>div>div:nth-child(2)>div>div>div>div.w-full.md\\:flex-1>div.flex.flex-row.flex-wrap.items-center.mb-2.justify-between>h3>a{color:white}.blog-posts-wrapper{justify-content:space-between}.blog-author-area{max-height:0;overflow:hidden;animation:slideIn;animation-fill-mode:forwards;animation-duration:2s;margin-bottom:2.5rem}@keyframes slideIn{0%{max-height:0}100%{max-height:200px}}.css-jwlm5c{flex-direction:row !important}.css-1uxkh7x{width:auto !important;align-items:flex-start !important;padding-left:3rem}.css-jjmvev{align-items:flex-start !important}.css-5gqbbk{text-align:left !important}.blog-post-card{transition:.6s;width:46% !important;padding:1.2rem !important;background:rgba(255,255,255,0.4);border-radius:12px;border:1px solid rgba(255,255,255,0.18)}.dark .blog-post-card{background:#e3e3e31a}.blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(31 38 135 / 37%)}.dark .blog-post-card:hover{box-shadow:0 8px 32px 0 rgb(255 255 255 / 37%)}.post-cover{border:0}.blog-impressum h3{display:none}","__typename":"CustomCSSPreferences"},"layout":"grid","__typename":"Preferences"},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984904615/AvlfZBL8d.jpg","headerColor":"#e3e3e3","metaTags":"","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":null,"hotjarSiteID":"","matomoSiteID":null,"matomoURL":null,"gaTrackingID":"UA-157955431-1","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"$ilp.uphold.com/BkFEP7ajLX87","__typename":"PublicationIntegrations"},"postsCount":187,"impressum":"

Recently joined GitHub Stars ✨

Featured on Tech Blogs

Check out these other amazing blogs! 🔥

Catalin's Tech | Daily Dev Tips | Greenroots Blog | Idris Olubisi | Marko Denic

\n","isTeam":null,"links":{"twitter":"https://twitter.com/lo_victoria2666","instagram":"","github":"https://github.com/victoria-lo","website":"https://lo-victoria.com/","hashnode":"https://hashnode.com/@victoria","youtube":"https://www.youtube.com/channel/UCGrEsNzKfXjuKDTmpv5nTvg","dailydev":"","linkedin":"https://www.linkedin.com/in/victoria2666/","mastodon":null,"__typename":"PublicationLinks"},"domainInfo":{"domain":{"value":"lo-victoria.com","certIssued":true,"ready":true,"__typename":"DomainStatus"},"wwwPrefixedDomain":{"value":null,"certIssued":null,"ready":null,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"series":{"id":"6124b4b3b115357df05f3581","name":"GitHub Actions 101","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1629795503155/BevTxofPT.png","slug":"github-actions","description":"This beginner-friendly series aims to help you to get started with GitHub Actions. At the end of this series, you will be able to automate tasks to streamline your development workflows. \n","cuid":"ckspu5xvf0ds7vks1d5bnh4i1","author":{"id":"5ebd7a2dacf8911d7951ed40","name":"Victoria Lo","username":"victoria","__typename":"User"},"posts":{"edges":[{"node":{"id":"613234915b12102f2987c651","title":"GitHub Actions 101: Creating Your First Workflow","slug":"github-actions-101-creating-your-first-workflow","publishDate":"2021-09-03T14:43:29.977Z","cuid":"ckt4gw6w6032rbds18xrv2v11","url":"https://lo-victoria.com/github-actions-101-creating-your-first-workflow","subtitle":"Beginner Series to Automating your Workflow with GitHub Actions! Part 1: Introduction + Creating 1st Workflow","brief":"As technology constantly evolves, developers are seeking new ways to have more efficient development workflows. GitHub Actions allows developers to automate, customize, and execute their software development workflows from the repository itself. Henc...","readTimeInMinutes":6,"views":8272,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12148,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1629795710912/0UhSs_sqH.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"613234915b12102f2987c651_2021-09-03T14:43:29.977Z","__typename":"PostEdge"},{"node":{"id":"613b7a8622b7a41dfe5fa72d","title":"GitHub Actions 101: Deep Dive into Workflow Attributes","slug":"github-actions-101-deep-dive-into-workflow-attributes","publishDate":"2021-09-10T15:32:22.686Z","cuid":"ckteiq0hg01euxas1d7tg9b1a","url":"https://lo-victoria.com/github-actions-101-deep-dive-into-workflow-attributes","subtitle":"Beginner Series to Automating your Workflow with GitHub Actions! Part 2: Useful Attributes to Know","brief":"Hello and welcome to Part 2 of the GitHub Actions series. A series where we will walk through everything you need to know about GitHub Actions, from the basics to creating your own customized workflow.\nIf you have missed Part 1, please read it here b...","readTimeInMinutes":5,"views":2479,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12148,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1630655725289/u4HNfWHgg.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"613b7a8622b7a41dfe5fa72d_2021-09-10T15:32:22.686Z","__typename":"PostEdge"},{"node":{"id":"614489d02d0e2479882a443c","title":"GitHub Actions 101: Actions, Actions, Actions","slug":"github-actions-101-actions-actions-actions","publishDate":"2021-09-17T12:28:00.204Z","cuid":"cktoc7vae0hte08s12fg50gcf","url":"https://lo-victoria.com/github-actions-101-actions-actions-actions","subtitle":"Beginner Series to Automating your Workflow with GitHub Actions! Part 3: Actions from Marketplace, Actions from Repo and Custom Actions!","brief":"Hello and welcome to Part 3 of the GitHub Actions series. A series where we will walk through everything you need to know about GitHub Actions, from the basics to creating your own customized workflow.\nIn this previous part, we learned about Environm...","readTimeInMinutes":5,"views":2580,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12148,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1631200450062/7zG2EeoxH.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"614489d02d0e2479882a443c_2021-09-17T12:28:00.204Z","__typename":"PostEdge"},{"node":{"id":"614ddb9211be385cc5771de2","title":"GitHub Actions 101: Develop a CI/CD Workflow","slug":"github-actions-101-develop-a-cicd-workflow","publishDate":"2021-09-24T14:07:14.108Z","cuid":"cktyfufyg05vpbps15cd7gkpe","url":"https://lo-victoria.com/github-actions-101-develop-a-cicd-workflow","subtitle":"Beginner Series to Automating your Workflow with GitHub Actions! Part 4: Develop a CI/CD Workflow","brief":"Hello and welcome to Part 4 of the GitHub Actions series. A series where we will walk through everything you need to know about GitHub Actions, from the basics to creating your own customized workflow.\nIn this previous part, we learned about secrets,...","readTimeInMinutes":6,"views":3043,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12148,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1631200647333/4uomq8oe9.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"614ddb9211be385cc5771de2_2021-09-24T14:07:14.108Z","__typename":"PostEdge"},{"node":{"id":"61571bbf28ed304eb1d8158c","title":"GitHub Actions 101 Finale: Build Your Custom Action","slug":"github-actions-101-finale-build-your-custom-action","publishDate":"2021-10-01T14:31:27.806Z","cuid":"cku8gsk9m0j24jls1ew2s39km","url":"https://lo-victoria.com/github-actions-101-finale-build-your-custom-action","subtitle":"Beginner Series to Automating your Workflow with GitHub Actions! Part 5 Finale: Build and deploy your custom action","brief":"Hello and welcome to Part 5 (Finale) of the GitHub Actions series. A series where we will walk through everything you need to know about GitHub Actions, from the basics to creating your own customized workflow and actions.\nIn this previous part, we h...","readTimeInMinutes":7,"views":3385,"author":{"id":"5ebd7a2dacf8911d7951ed40","username":"victoria","name":"Victoria Lo","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1672984921463/25B4G5fCJ.jpg","followersCount":12148,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632194856828/r0kjXoTpS.png","isPortrait":null,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"61571bbf28ed304eb1d8158c_2021-10-01T14:31:27.806Z","__typename":"PostEdge"}],"pageInfo":{"endCursor":"61571bbf28ed304eb1d8158c_2021-10-01T14:31:27.806Z","hasNextPage":false,"hasPreviousPage":true,"startCursor":"613234915b12102f2987c651_2021-09-03T14:43:29.977Z","__typename":"PostPageInfo"},"__typename":"PostConnection"},"__typename":"Series"},"__typename":"Publication"}}

Data Structures and Algorithms