Posts

When setting up a new editor and attempting the GitHub push workflow, you may encounter a dialog window prompting you to enter your GitHub username and password. However, if you have enabled two-factor authentication (2FA) on GitHub, you cannot simply use your regular credentials for login. To authenticate to GitHub in this scenario, you need to create a personal access token that is associated with the specific app you are using and has the necessary permissions....

An authentication process example for a GraphQL API powered by Apollo, using Cookies and JWT In this tutorial, I’ll explain how to handle a login mechanism for a GraphQL API using Apollo. We’ll create a private area that will display different information based on the user’s login status. Here are the steps we’ll follow: Create a login form on the client Send the login data to the server Authenticate the user and send a JWT back Store the JWT in a cookie Use the JWT for further requests to the GraphQL API The code for this tutorial is available on GitHub at https://github....

Learn how to utilize Prettier to format .astro files in the VS Code environment. When working with Astro, one drawback is that Prettier does not recognize its syntax. Consequently, auto-formatting on Save or Paste does not function in VS Code. How can you automate the formatting of Astro files in VS Code using Prettier? Follow these configuration steps: Begin by installing the default formatter for Web Development, which is Prettier....

Tags: reloading the browser, automatic refresh, browser-sync, web development, vanilla HTML, JavaScript When working on a website using vanilla HTML and JavaScript, you may sometimes miss the convenience of features provided by quick start packages like create-react-app or the Vue CLI, such as automatically reloading the page when you save a file in the code editor. Luckily, there is a simple solution to achieve this. The easiest way I found is to install a tool called browser-sync....

As a developer, I tend to communicate through text, but there are times when I create videos, whether it’s for a coding tutorial or to connect with my newsletter audience. There’s a unique connection that comes from seeing someone’s face and hearing their voice in a video. It’s almost like meeting face to face. However, creating videos can be a challenging task, especially for me. English is not my native language, and I only started learning it when I was 14....

When it comes to browsers, I’m a bit of a hopper. I spend countless hours using different browsers, always on the lookout for something new and exciting. Recently, I decided to give Safari a try. I must say, I’ve developed quite a liking for Safari. It’s lightweight, simple, and incredibly fast. However, there was one issue that kept bothering me - accidentally quitting the browser. Unlike Chrome and Firefox, Safari doesn’t provide a confirmation dialog when you try to close it....

In certain situations, you may need to run commands in the shell without having them saved in the shell history. If you are using Fish Shell, which happens to be my default shell, you can accomplish this quite easily. The following steps outline how to achieve this: Start a new shell instance with the following command: fish --private This will initiate a new shell session that will not record any commands to the history....

Working in a team environment is common for developers, and being a great team member is essential. In addition to the skills mentioned in the last module—empathy, openness to new technologies, separating yourself from your code, and being open to changing your mind—here are a few more characteristics that make a good team member: Willingness to Ask for and Provide Help: A good team member isn’t afraid to seek assistance from others and is equally willing to offer help to their colleagues....

Becoming a Full Stack Developer is an excellent way to establish a successful career in the tech industry. In this tutorial, I will provide you with all the necessary steps to becoming a Full Stack Developer. What is a Full Stack Developer? A Full Stack Developer is a specialized role in the Web Engineering field. In the past, there were separate Frontend Developers and Backend Developers, also known as Frontend Engineers and Backend Engineers....

Becoming a web developer can be an overwhelming task, especially with so much information out there and ever-changing technologies. In this post, I will provide you with a structured approach to becoming a web developer in 2021. Follow these steps to kickstart your journey: Learn the basics: Understand the fundamentals of the web, including the Internet, the Web, and how network requests function. Gain knowledge on how HTTP works and how HTML pages are transmitted from a server to a browser....