Homepage
Open in app
Sign in
Get started
A Layman
Web Development, Software Engineering, and Product Management.
Dev
DevOps/SRE
Test
Data Eng
Interview
Design
Team/Projects
100DaysOfCode
Follow
Integrate Google Map API with Angular 17 — Markers, Marker Clusters, and Polyline
Integrate Google Map API with Angular 17 — Markers, Marker Clusters, and Polyline
In the previous article, we introduced the integration between Leaflet and Angular 14. Leaflet is an open source map platform. It’s cost…
Jen-Hsuan Hsieh (Sean)
Aug 26
Inspirations from Taiwan Digital Nomad Conference@Taipei 2024
Inspirations from Taiwan Digital Nomad Conference@Taipei 2024
Recently, I was invited to the Taiwan Digital Nomad Conference as a staff. As a hybrid (50% remote) software engineer, I always curious the
Jen-Hsuan Hsieh (Sean)
Aug 8
Integrating Storybook with Angular UI Library
Integrating Storybook with Angular UI Library
Storybook is a utility for displaying UI component. One benefit is new comers can understand components easily by updating parameters from…
Jen-Hsuan Hsieh (Sean)
Jul 20
Learning Data Structure in TypeScript for Beginner Part 2
Learning Data Structure in TypeScript for Beginner Part 2
We discussed basic data structures in following articles before. In this article, we went through the JavaScript implementation of a few…
Jen-Hsuan Hsieh (Sean)
Jul 10
Introduction to Command Pattern in Angular
Introduction to Command Pattern in Angular
There are a few ways to delegate tasks. In this scenario, the display mode of path visualization will be changed when the option of…
Jen-Hsuan Hsieh (Sean)
Jun 21
Tidy Tree Visualization with D3.js in Angular
Tidy Tree Visualization with D3.js in Angular
In the previous article, we learned the introduction to D3 and how to append nodes, append edges, handle events on SVG with D3. Tidy tree…
Jen-Hsuan Hsieh (Sean)
May 5
Introduction to RAG and Conversational Question Answering with LangChain.js
Introduction to RAG and Conversational Question Answering with LangChain.js
This article aims to build a RAG LLM server with LangChain.js, OpenAI’s models, and Node.js. Even though there are already some existed AI
Jen-Hsuan Hsieh (Sean)
Apr 28
Docker Container for Jupyter Notebook with Built-in Node.js, TypeScript, and Deno Cores
Docker Container for Jupyter Notebook with Built-in Node.js, TypeScript, and Deno Cores
As a frontend developer, sometimes I want to verify the code snippets of Node.js, TypeScript, or Deno without installing runtimes or…
Jen-Hsuan Hsieh (Sean)
Apr 7
Leaflet in Angular — Markers and MarkerClusterGroup
Leaflet in Angular — Markers and MarkerClusterGroup
We have discussed how to use Baidu map with Leaflet in the previous article. This time, we’ll go through Leaflet with basic operations…
Jen-Hsuan Hsieh (Sean)
Mar 27
TypeScript — Structure Data with Discriminated Union
TypeScript — Structure Data with Discriminated Union
Typically, the server is available for handling high computational tasks. After the front-end side recieved the result, it’ll display the…
Jen-Hsuan Hsieh (Sean)
Mar 22
Path Visualization with D3.js in Angular
Path Visualization with D3.js in Angular
D3.js is a JavaScript open-source library for the data visualization with a few characteristics. Low-level toolbox: manipulate DOM and even
Jen-Hsuan Hsieh (Sean)
Feb 12
Reorganize the 7 + 1 Pattern with the Module System
Reorganize the 7 + 1 Pattern with the Module System
Even though Sass files could be arranged clearly by following the 7 + 1 pattern, the CSS classes for the specific component still have a…
Jen-Hsuan Hsieh (Sean)
Feb 3
Standardize Angular UI and Layouts by Sharing Libraries on NPM
Standardize Angular UI and Layouts by Sharing Libraries on NPM
When creating a series of websites, the consistency of UI components, services, and styles between these websites is extremely important…
Jen-Hsuan Hsieh (Sean)
Jan 26
Team Skills -Part 2. Cultivate a Culture of Self-improvement in Practice
Team Skills -Part 2. Cultivate a Culture of Self-improvement in Practice
In a nutritious environment, developers could still have chances to show their abilities and learn new technologies progressively, even…
Jen-Hsuan Hsieh (Sean)
Jan 13
Theming for Angular Applications with CSS Variables
Theming for Angular Applications with CSS Variables
In React applications, we could use createGlobalStyle from styled-component to introduce the global style as we mentioned before. In…
Jen-Hsuan Hsieh (Sean)
Jan 6
Summarize 2023: Groundedness and Influence
Summarize 2023: Groundedness and Influence
Today is the last day of 2023. It’s time to take a review for the whole year.
Jen-Hsuan Hsieh (Sean)
Dec 30, 2023
React to Angular: React Change Detection vs Angular Change Detection
React to Angular: React Change Detection vs Angular Change Detection
React and Angular update the DOM tree in distinct ways. React keeps two Fiber trees in memory for diffing and efficient DOM tree updating…
Jen-Hsuan Hsieh (Sean)
Dec 8, 2023
Manage Tasks with the Terminal Multiplexer — Tmux
Manage Tasks with the Terminal Multiplexer — Tmux
In a day of a software developer, switching different tasks between several projects many time is quite common. There are some meaningless…
Jen-Hsuan Hsieh (Sean)
Nov 29, 2023
Inspirations from PyCon APAC@Tokyo 2023
Inspirations from PyCon APAC@Tokyo 2023
In this year, I had chances to join the PyCon Taiwan 2023 as a volunteer photographer. For improving the local community, some members…
Jen-Hsuan Hsieh (Sean)
Nov 5, 2023
Build Single page application with React and Django Part 11: Theming with Redux and…
Build Single page application with React and Django Part 11: Theming with Redux and…
Theme switching is an optional but useful feature. It can make our websites flexible and no longer boring. However, this task could be…
Jen-Hsuan Hsieh (Sean)
Nov 3, 2023
Use Observer Pattern to Achieve Communications between React Components of Different Ancestors
Use Observer Pattern to Achieve Communications between React Components of Different Ancestors
In React, the global state is the direct solution for the communication between components of different ancestors. If not every component…
Jen-Hsuan Hsieh (Sean)
Oct 3, 2023
Refactor Object Creating Process with Builder Pattern and Chain of Responsibility Pattern in…
Refactor Object Creating Process with Builder Pattern and Chain of Responsibility Pattern in…
Sometimes we have to write complex code for creating objects with nested structures from encapsulated libraries. It may usually lead team…
Jen-Hsuan Hsieh (Sean)
Sep 19, 2023
How to Customize Angular Schematics to Reduce Manual Efforts?
How to Customize Angular Schematics to Reduce Manual Efforts?
Angular Schematics is a tool for automations. In this article, we’ll introduce the way for creating custom Angular Schematics with common…
Jen-Hsuan Hsieh (Sean)
Sep 13, 2023
Hierarchical Graph Visualization with Cytoscape.js in Angular
Hierarchical Graph Visualization with Cytoscape.js in Angular
Hierarchical graph is essential to indicate relationships for devices or members of organizations. In this article, we’ll take a brief look
Jen-Hsuan Hsieh (Sean)
Aug 29, 2023
Enhance Searching by Building a Technical Line Bot — Data Manipulation with Firebase Realtime…
Enhance Searching by Building a Technical Line Bot — Data Manipulation with Firebase Realtime…
In this article, we will save the user ID from the coming messages to the Firebase realtime database and load them when pushing messages.
Jen-Hsuan Hsieh (Sean)
Jul 24, 2023
About A Layman
Latest Stories
Archive
About Medium
Terms
Privacy
Teams