Motivation Coming from a background which is totally different from computer science, I have gone through the journey of learning to code and finally become a professional software developer. Such transformation journey is one of my best experiences in my life. I want to share my story and also try to help other people like …
[Skillshare Class] Empower your life by becoming a programmer Read More »
A Complete Guide to Using TypeScript in Web Development with React, Create React App, and Next.js. Introduction TypeScript becomes very popular for web development. To help you get started with TypeScript in web development, this article slowly introduces the basic TypeScrip, its usage for building web pages, and its integration with React. What Is TypeScript and …
Create Web Development Environments Using TypeScript, Webpack, with/without React Read More »
Nov 13, 2022 — present Follow up on this article for the weekly update on my project — Building an Efficient PKM System Using Obsidian, a dynamic and active workspace to capture, process, manage and take actions on your knowledge. It’s a continually exploring and producing process…let’s see how far I could go… Storytelling The roles played by VIM, …
Learn to build a Next.js Application. Following our previous project — Build a Markdown Editor Using Electron, ReactJS, Vite, CodeMirror, and Remark, let us re-create this markdown editor app using Next.js, TypeScript, and TailwindCSS, and lastly host this web app. Hope you will enjoy this simple tutorial. If you want to have access to the full code, …
Type Fast Using VIM and Format Notes Effectively Using Markdown. Motivation As a programmer, I personally prefer keyboard to the extent that VIM-based text editors are always my top choice for daily coding work and tech writing work. Such a focused typing and editing working mode enhanced by VIM helps me quickly typing down my …
Top 3 Reasons Why I Moved From Notion to Obsidian as a Software Developer Read More »
Next.js: client app; Strapi V4: CMS & Restful API. Background What Is the Project (web application) About? I am obsessed with the idea of having my website in public as it serves as an effective vehicle to help me communicate with people. For some reason (maybe I was too lazy), I built (sort of) my website …
[Next.js + Strapi] Build Portfolio Website with Next.js, TailwindCSS, and Strapi V4) Read More »
Intelligent Code Completion, Beautiful Diagnostics, Auto Formatting, etc. It’s easier to understand the different Neovim add-ons when combined with a realistic project. So, in this article, we will slowly configure LSP in Neovim to meet our requirements for coding a Next.js project with TypeScript and TailwindCSS. Create a New Next.js Project Initiate a Next.js project: You …
Learn views, data annotation, and query. Why Problem Does Dataview Solve for Us? Before going over how to use Dataview, let’s step back to the first principle — what kind of important problems does Dataview solve for us? Suppose we have accumulated a bunch of notes for the books we read, how could we visualize them in a table …
Use Obsidian Dataview Plugin to Automate Our Vault Read More »
Add metadata of tags to Obsidian notes using YAML front matter In the previous article about creating and using metadata (aliases, tags, etc.) using Obsidian YAML, I talked about how to create a valid YAML and add metadata, especially tags to our obsidian notes. Regarding the tags, I also touched on the auto-completion feature. But I …
Add/use tags, and aliases in YAML. If you’re an Obsidian user, there is a good chance that you already know something about YAML. It is simply a human-friendly way of adding metadata to our Obsidian notes. And today’s video is fully dedicated to learning how to use YAML correctly in our Obsidian notes. If you’re curious …
