Deploying website can be quite annoying, especially if you’re a first timer. Here’s a guide to walk you through the process.
I successfully deployed my website for the first time a month ago, but it took me a whole week to figure out, as I encountered a lot of problems along the way. I would walk through all the steps depends on your need. I will also provide a content page, so you can guide yourself to respective guide.
Table of Content
- Preparation before Deploying to Heroku
- Deploy Ruby on Rails app to Heroku
- Deploy Vanilla JS to Github Pages
- Deploy ReactJS to Heroku
Preparation before Deploying to Heroku
Before we start:
A quick guide for those who need to set up multiple SSH keys for multiple hosts
Hello! I was inspired to write this article as I stumbled upon some issues when setting up multiple SSH keys.
I originally had it set up for my personal GitHub. A few days ago, I started to volunteer for one of the non-profit organizations that required another set of SSH key pairs. What I didn’t know is that I was not supposed to overwrite the old SSH key pairs with my new ones and expect them to work. I was working on one of my personal projects the other day and attempted to push to GitHub, but my terminal told…
A HTML tag that the tutorial doesn’t tell you about
Today, I would like to introduce the open graph tag.
Let me be honest, I just learned this a few days ago. I always wonder how do people have their website preview display when they share on social media, but not when I share mine? And you know what, turns out the magic is all on this og meta tag. I noticed it is not something that are mentioned in tutorials, at least in all the tutorials that I have watched. SO, hopefully you find your way to this article because you are curious about what “open graph tag” is.
…
(This article is dedicated to those who want to join their first hackathon but not sure what to expect.)
Two weeks ago, I participated my very first hackathon. I had a hard time finding a hackathon due to the fact that many hackathons are only available to high school students and college students, or grads who graduate within 6 months, which I am nowhere to that (I graduated in Aug 2020 — so close!!). Around a month ago, one of my bootcamp friends shared the All-Women Hackathon event organized by The Expat Woman on Linkedin. …
What is Hooks? How to Use Hooks? Why Hooks?
(Disclaimer: This article is intended for readers who want to start with Hooks but not sure how and why.)
I. AM. IN. LOVE. WITH. HOOKS!!!
Back in coding bootcamp, we learned to use state in parent and pass props to their children.
I mean it’s not bad, but in a way it looks bulky and not very readable when your file is really long. I hadn’t officially learned to use Hooks until a VERY recent project that I am doing (I am talking about only a week ago). Mainly because I am so scared of useEffect (you know how sometimes…
Step-by-step Guide on How to Build a Multi-Step Form
(Disclaimer: this guide is only for front-end development and no backend involved. We would be using ES6 syntax to destructure for the most parts. To avoid the article being too lengthy, I will only cover anything that is necessary to make the multi-step form possible.)
As a web developer who just started developing less than a year ago, I learned to build a form with only one page. The hackathon I joined recently pushed me to learn building a multi-step form, and guess what? It’s actually not as hard as we thought it would be like. 🤔
Why Multi-Step Form?
Explanation of useParams and Demonstration
People always say joining a hackathon would quickly enhance your skills. I am currently in a week-long hackathon and I couldn’t agree more on that statement. In this hackathon, I forced myself to learn something new, and one of them is useParams .
Intro
useParams is one of the Hooks methods that React Router ships with. I assume the reason you are here is that you want to learn how to use useParams when you are creating navigational components in React (I have to say React Router has one of the best documentation I have ever seen.).
Before we start talking…
15 Python things JavaScript developers need to know.
Although JavaScript is currently I’m most comfortable with and well-versed in, Python was actually the first language I learned back in college, 3 years ago (by the way, I was a social science student who wanted to explore the STEM field).
Back then, I remember one of my Computer Science peers once told me that Python was considerably an “outdated” language.
Three years later, Python is now one of the popular languages for so many areas, including web development, mobile development, and data science. …
JavaScript Interview Questions — Beginner to Intermediate Level
Prologue
A few days ago, I connected with a senior software engineer, who is also a bootcamp grad. He was kind enough to offer mock interviews with recent bootcamp grads from LinkedIn. The questions he asked were commonly seen in his interviews and his peers.
I was, of course, quite nervous about the interview, since I have been using most of my job searching time networking and studying data structures and algorithms and had not been refreshing my knowledge in vanilla JavaScript. Thankfully, the mock interview went better than I thought, since I was able to answer ~75% of the questions…
This is an easy question in Leetcode. We will be using Breadth-First Traversal to solve this problem.
(Disclaimer: code will be written in Javascript.)
Hello there! In this article, we are going to walk through the question of “Minimum Depth of Binary Tree”. This question is not as popular as medium level questions, like “Binary Tree Level Order Traversal”. BUT! this question is a good way to get introduced to one of the common topics: traversing a binary tree with Breadth-First Search (BFS) (Note: I am aware that this is not the most optimized solution. Recursion has faster time complexity, compared to using BFS).
Megan Lo
Full Stack Web Developer. Flatiron School + Recent College Graduate in Sociology. Snoopy. Iced Vanilla Latte. Sitcoms. Wannabe Solo Traveler. Avid Googler.
