[{"@context":"http://schema.org","@type":"Article","name":"create-nrs-web — A Way to Build the Next.js, Redux, and Styled-Components Website Efficiently","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/create-nrs-web-a-way-to-build-the-next-js-redux-and-styled-components-website-efficiently-e1605b56e81?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2021-04-06T00:00:00Z","dateModified":"2021-04-06T00:00:00Z","url":"https://medium.com/a-layman/create-nrs-web-a-way-to-build-the-next-js-redux-and-styled-components-website-efficiently-e1605b56e81?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*MgEcpfzy-Y8mPvqS7701QA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"create-nrs-web — A Way to Build the Next.js, Redux, and Styled-Components Website Efficiently"},{"@context":"http://schema.org","@type":"Article","name":"Web Design — Create an SVG Animation React Component with gsap","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/web-design-create-an-svg-animation-react-component-with-gsap-65e87ea1d87a?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2021-04-02T00:00:00Z","dateModified":"2021-04-02T00:00:00Z","url":"https://medium.com/a-layman/web-design-create-an-svg-animation-react-component-with-gsap-65e87ea1d87a?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*fKWCUyLHNUYkw04ddd_Gcg.gif","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Web Design — Create an SVG Animation React Component with gsap"},{"@context":"http://schema.org","@type":"Article","name":"Pre-process Text Data with Python NLTK and Create a Tag Cloud for Blog-posts in React","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/pre-process-data-with-nltk-and-create-a-tag-cloud-for-blog-posts-in-react-a69025f4507c?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2021-03-21T00:00:00Z","dateModified":"2021-03-21T00:00:00Z","url":"https://medium.com/a-layman/pre-process-data-with-nltk-and-create-a-tag-cloud-for-blog-posts-in-react-a69025f4507c?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*lZcAXLNg0a9HJFK27WXEZQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Pre-process Text Data with Python NLTK and Create a Tag Cloud for Blog-posts in React"},{"@context":"http://schema.org","@type":"Article","name":"Web design — Use Organization Structures to Achieve Better Navigation Experiences for Users","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/web-design-use-organization-structures-to-achieve-better-navigation-for-users-48e9f8f13daf?source=collection_home---4------1-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2021-03-20T00:00:00Z","dateModified":"2021-03-20T00:00:00Z","url":"https://medium.com/a-layman/web-design-use-organization-structures-to-achieve-better-navigation-for-users-48e9f8f13daf?source=collection_home---4------1-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*hRsu7F-Vv6gK_tIm9dx4sw.gif","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Web design — Use Organization Structures to Achieve Better Navigation Experiences for Users"},{"@context":"http://schema.org","@type":"Article","name":"Use Debounced or Throttle to Reduce the Frequency of Calls in React","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/use-debounced-or-throttle-to-reduce-the-frequency-of-function-calls-in-react-applications-6400bcdb44d?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2021-02-24T00:00:00Z","dateModified":"2021-02-24T00:00:00Z","url":"https://medium.com/a-layman/use-debounced-or-throttle-to-reduce-the-frequency-of-function-calls-in-react-applications-6400bcdb44d?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*2mZeHqGTGBek8xKTtOYMEA.gif","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Use Debounced or Throttle to Reduce the Frequency of Calls in React"},{"@context":"http://schema.org","@type":"Article","name":"Web design — Use information space design principles to make web pages better understood","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/web-design-use-information-space-design-principles-to-make-web-pages-better-understood-61235c4f3245?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2021-02-17T00:00:00Z","dateModified":"2021-02-17T00:00:00Z","url":"https://medium.com/a-layman/web-design-use-information-space-design-principles-to-make-web-pages-better-understood-61235c4f3245?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*sddB4iQB3NxqNKjRTZyo7A.gif","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Web design — Use information space design principles to make web pages better understood"},{"@context":"http://schema.org","@type":"Article","name":"How to create a customized React hook package and publish it to npm?","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-create-a-customized-react-hook-package-and-publish-it-to-npm-4fa966359c7b?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2021-01-24T00:00:00Z","dateModified":"2021-01-24T00:00:00Z","url":"https://medium.com/a-layman/how-to-create-a-customized-react-hook-package-and-publish-it-to-npm-4fa966359c7b?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*O32W0fyn_eQUIjZoctYvQA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How to create a customized React hook package and publish it to npm?"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page applications with React and Django Part 9 — Access Redux on the Next.js","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/build-single-page-applications-with-react-and-django-part-9-access-redux-on-the-next-js-11977e42f7bd?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2021-01-17T00:00:00Z","dateModified":"2021-01-17T00:00:00Z","url":"https://medium.com/a-layman/build-single-page-applications-with-react-and-django-part-9-access-redux-on-the-next-js-11977e42f7bd?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*wyAy6h05Oko1m9d1OmOOcQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page applications with React and Django Part 9 — Access Redux on the Next.js"},{"@context":"http://schema.org","@type":"Article","name":"Test Components in the Next.js- Part 2. Test Redux Components in different middlewares","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/test-components-in-the-next-js-part-2-test-redux-components-in-different-middlewares-49af5b0be7fd?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2021-01-09T00:00:00Z","dateModified":"2021-01-09T00:00:00Z","url":"https://medium.com/a-layman/test-components-in-the-next-js-part-2-test-redux-components-in-different-middlewares-49af5b0be7fd?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*_i7KwMIIPnXn1ywqdfVpyg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Test Components in the Next.js- Part 2. Test Redux Components in different middlewares"},{"@context":"http://schema.org","@type":"Article","name":"ASP.NET MVC — Implement the customized model validation with Webpack and jQuery validator","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/asp-net-mvc-implement-the-customized-model-validation-with-webpack-and-jquery-validator-bea5da3aeb36?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-12-23T00:00:00Z","dateModified":"2020-12-23T00:00:00Z","url":"https://medium.com/a-layman/asp-net-mvc-implement-the-customized-model-validation-with-webpack-and-jquery-validator-bea5da3aeb36?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*K1-qJHAra__ZJ-aXZhfwRw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"ASP.NET MVC — Implement the customized model validation with Webpack and jQuery validator"},{"@context":"http://schema.org","@type":"Article","name":"How to Publish an npx Command to Improve the productivity?","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-publish-an-npx-command-to-improve-the-productivity-23c6480c176?source=collection_home---4------1-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-12-18T00:00:00Z","dateModified":"2020-12-18T00:00:00Z","url":"https://medium.com/a-layman/how-to-publish-an-npx-command-to-improve-the-productivity-23c6480c176?source=collection_home---4------1-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*pEdkwWRPMtGc6_pnHzmDzw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How to Publish an npx Command to Improve the productivity?"},{"@context":"http://schema.org","@type":"Article","name":"Summarize 2020: Projects on Github, Conferences, States of Blogs","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/summarize-2020-projects-on-github-experiences-in-conferences-states-of-blogs-f2c92038e938?source=collection_home---4------2-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-12-13T00:00:00Z","dateModified":"2020-12-13T00:00:00Z","url":"https://medium.com/a-layman/summarize-2020-projects-on-github-experiences-in-conferences-states-of-blogs-f2c92038e938?source=collection_home---4------2-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*xDfe4NPaVDvUHFP-8z6REw.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Summarize 2020: Projects on Github, Conferences, States of Blogs"},{"@context":"http://schema.org","@type":"Article","name":"Test Components in the Next.js Project with Jest- Part 1. Steps for the Environment setting","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/test-components-in-the-next-js-7f4bc5fbaa92?source=collection_home---4------3-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-12-10T00:00:00Z","dateModified":"2020-12-10T00:00:00Z","url":"https://medium.com/a-layman/test-components-in-the-next-js-7f4bc5fbaa92?source=collection_home---4------3-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*-xVEErLrEZgUBofLLyqfOA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Test Components in the Next.js Project with Jest- Part 1. Steps for the Environment setting"},{"@context":"http://schema.org","@type":"Article","name":"Create the Chrome Extension to Improve Productivity for bloggers and Release to the Market","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/create-the-chrome-extension-to-improve-productivity-for-bloggers-4dba5fadd516?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-11-30T00:00:00Z","dateModified":"2020-11-30T00:00:00Z","url":"https://medium.com/a-layman/create-the-chrome-extension-to-improve-productivity-for-bloggers-4dba5fadd516?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*0x6PY8_-bqYn8LYCFbm3gQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Create the Chrome Extension to Improve Productivity for bloggers and Release to the Market"},{"@context":"http://schema.org","@type":"Article","name":"Explain Images Lazy Loading with IntersectionObserver with React Hooks in Short","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/explain-images-lazy-loading-with-intersectionobserver-with-react-hooks-in-short-733e05b610dd?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-11-16T00:00:00Z","dateModified":"2020-11-16T00:00:00Z","url":"https://medium.com/a-layman/explain-images-lazy-loading-with-intersectionobserver-with-react-hooks-in-short-733e05b610dd?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*J1SIh4aHnR9xghuX2GIqIQ.gif","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Explain Images Lazy Loading with IntersectionObserver with React Hooks in Short"},{"@context":"http://schema.org","@type":"Article","name":"Python Web Crawler for Beginners: Parse Data from the Static Website","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/python-web-crawler-for-beginners-parse-data-from-the-static-website-2955b37e1ae6?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-11-08T00:00:00Z","dateModified":"2020-11-08T00:00:00Z","url":"https://medium.com/a-layman/python-web-crawler-for-beginners-parse-data-from-the-static-website-2955b37e1ae6?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*6rryK0Hdw5C2D5Wf6RT3XQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Python Web Crawler for Beginners: Parse Data from the Static Website"},{"@context":"http://schema.org","@type":"Article","name":"How to build a news bot on Twitter with Node.js and PostgreSQL","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-build-a-news-bot-on-twitter-with-node-js-and-postgresql-d316a6b2256?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-10-31T00:00:00Z","dateModified":"2020-10-31T00:00:00Z","url":"https://medium.com/a-layman/how-to-build-a-news-bot-on-twitter-with-node-js-and-postgresql-d316a6b2256?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*u_Svq97XA1cdcp6sXwMt3g.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How to build a news bot on Twitter with Node.js and PostgreSQL"},{"@context":"http://schema.org","@type":"Article","name":"Turn the Next.js/Django Website to the Desktop app and Generate Windows/macOS Installers","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/turn-the-next-js-django-website-to-the-desktop-app-and-generate-windows-macos-installers-db4b4c9ead61?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-10-18T00:00:00Z","dateModified":"2020-10-18T00:00:00Z","url":"https://medium.com/a-layman/turn-the-next-js-django-website-to-the-desktop-app-and-generate-windows-macos-installers-db4b4c9ead61?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*d7iH7SExl7URY1puujJ_uA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Turn the Next.js/Django Website to the Desktop app and Generate Windows/macOS Installers"},{"@context":"http://schema.org","@type":"Article","name":"How to Set and Manage OKR for Side projects with Trello and Notion?","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-set-and-manage-okr-for-side-projects-with-trello-and-notion-29352df929b3?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-10-09T00:00:00Z","dateModified":"2020-10-09T00:00:00Z","url":"https://medium.com/a-layman/how-to-set-and-manage-okr-for-side-projects-with-trello-and-notion-29352df929b3?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*P73JR8_xugpi7vZzOz7lUg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How to Set and Manage OKR for Side projects with Trello and Notion?"},{"@context":"http://schema.org","@type":"Article","name":"Turn the Next.js Website to PWA with Workbox Part 1. Web App Manifest and Caching/Offline Support","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/turn-the-next-js-website-to-pwa-with-workbox-part-1-web-app-manifest-and-caching-offline-support-e6d94330b8f2?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-09-29T00:00:00Z","dateModified":"2020-09-29T00:00:00Z","url":"https://medium.com/a-layman/turn-the-next-js-website-to-pwa-with-workbox-part-1-web-app-manifest-and-caching-offline-support-e6d94330b8f2?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*AlNMhYlsZ-eF2kej06M9Nw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Turn the Next.js Website to PWA with Workbox Part 1. Web App Manifest and Caching/Offline Support"},{"@context":"http://schema.org","@type":"Article","name":"Service Fabric part.4 — Integrate ASP.NET core 3.1 with RabbitMQ by MassTransmit","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/service-fabric-part-4-integrate-asp-net-core-3-1-with-rabbitmq-by-masstransmit-bcc836fc2600?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-09-11T00:00:00Z","dateModified":"2020-09-11T00:00:00Z","url":"https://medium.com/a-layman/service-fabric-part-4-integrate-asp-net-core-3-1-with-rabbitmq-by-masstransmit-bcc836fc2600?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*zEAPX42BmJfMpymHhbhNxg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Service Fabric part.4 — Integrate ASP.NET core 3.1 with RabbitMQ by MassTransmit"},{"@context":"http://schema.org","@type":"Article","name":"Redux Middleware- The differences between Redux-think and Redux-saga","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/redux-middleware-the-differences-between-redux-think-and-redux-saga-1e226f5a772a?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-09-06T00:00:00Z","dateModified":"2020-09-06T00:00:00Z","url":"https://medium.com/a-layman/redux-middleware-the-differences-between-redux-think-and-redux-saga-1e226f5a772a?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*cgQ_cMjqXL0DkDjUzgYtiA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Redux Middleware- The differences between Redux-think and Redux-saga"},{"@context":"http://schema.org","@type":"Article","name":"Design the layout with CSS grid by using Styled-components and ThemeProvider","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/design-the-layout-with-css-grid-by-using-styled-components-and-themeprovider-24be6959b245?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-08-31T00:00:00Z","dateModified":"2020-08-31T00:00:00Z","url":"https://medium.com/a-layman/design-the-layout-with-css-grid-by-using-styled-components-and-themeprovider-24be6959b245?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*9b9faIiR-FPiv8McI7DaDQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Design the layout with CSS grid by using Styled-components and ThemeProvider"},{"@context":"http://schema.org","@type":"Article","name":"Add Baidu Map to the page with Leaflet","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/add-baidu-map-to-the-page-with-leaflet-48571bba5b70?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-08-14T00:00:00Z","dateModified":"2020-08-14T00:00:00Z","url":"https://medium.com/a-layman/add-baidu-map-to-the-page-with-leaflet-48571bba5b70?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*zA8mfSuBgnC2Q6e14LUkYQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Add Baidu Map to the page with Leaflet"},{"@context":"http://schema.org","@type":"Article","name":"Introduction to Redis Replication and Redis Sentinels on Windows","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/introduction-to-redis-replication-and-redis-sentinels-on-windows-2bfa9e89681d?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-08-07T00:00:00Z","dateModified":"2020-08-07T00:00:00Z","url":"https://medium.com/a-layman/introduction-to-redis-replication-and-redis-sentinels-on-windows-2bfa9e89681d?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*sbjkfA51JcoLO6B51FUzwg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Introduction to Redis Replication and Redis Sentinels on Windows"},{"@context":"http://schema.org","@type":"Article","name":"A Better Process to Move Embedded AMD modules from the HTML/CSHTML files to Webpack Bundles","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/a-better-process-to-move-embedded-amd-modules-from-the-html-cshtml-files-to-webpack-bundles-46b9a742101b?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-07-26T00:00:00Z","dateModified":"2020-07-26T00:00:00Z","url":"https://medium.com/a-layman/a-better-process-to-move-embedded-amd-modules-from-the-html-cshtml-files-to-webpack-bundles-46b9a742101b?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*wLiH9XA2qPy6spUJEPI8mw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"A Better Process to Move Embedded AMD modules from the HTML/CSHTML files to Webpack Bundles"},{"@context":"http://schema.org","@type":"Article","name":"Practicing System Design in JavaScript: Cache System and the Shortest Path for Graph","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/practicing-system-design-in-javascript-cache-system-and-the-shortest-path-for-graph-9e0408687f5f?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-07-24T00:00:00Z","dateModified":"2020-07-24T00:00:00Z","url":"https://medium.com/a-layman/practicing-system-design-in-javascript-cache-system-and-the-shortest-path-for-graph-9e0408687f5f?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*6Ta4o7xZH7_3IJ3XTTl8kA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Practicing System Design in JavaScript: Cache System and the Shortest Path for Graph"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page application with React and Django Part 8 — Implement a Static Rendering Website…","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-8-implement-a-static-rendering-website-3b85aa8cfc0f?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-07-12T00:00:00Z","dateModified":"2020-07-12T00:00:00Z","url":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-8-implement-a-static-rendering-website-3b85aa8cfc0f?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*KByQmUpmMhSrMvssYdpQVw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page application with React and Django Part 8 — Implement a Static Rendering Website…"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page application with React and Django Part 7 — How to Refactor Function Components…","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-7-how-to-refactor-function-components-ecd54864cfc1?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-07-04T00:00:00Z","dateModified":"2020-07-04T00:00:00Z","url":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-7-how-to-refactor-function-components-ecd54864cfc1?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*iuT8-VtmgRcUGVzfEmejaA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page application with React and Django Part 7 — How to Refactor Function Components…"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page application with React and Django Part 6-Create Django Application’s sitemap on…","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-6-create-django-applications-sitemap-on-7b48ab5fe729?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-06-25T00:00:00Z","dateModified":"2020-06-25T00:00:00Z","url":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-6-create-django-applications-sitemap-on-7b48ab5fe729?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*83UtmUztyn4SLMQwKnckUw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page application with React and Django Part 6-Create Django Application’s sitemap on…"},{"@context":"http://schema.org","@type":"Article","name":"Where should we store the JWT for SPA? Memory, Cookie, or LocalStorage?","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/where-should-we-store-the-jwt-for-spa-memory-cookie-or-localstorage-2491912d8e79?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-06-07T00:00:00Z","dateModified":"2020-06-07T00:00:00Z","url":"https://medium.com/a-layman/where-should-we-store-the-jwt-for-spa-memory-cookie-or-localstorage-2491912d8e79?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*pGor4uIKJ8TQ4yW2nQkWjA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Where should we store the JWT for SPA? Memory, Cookie, or LocalStorage?"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page application with React and Django Part 5.2-Exchange Github’s access token to JWT","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/exchange-githubs-access-token-to-jwt-from-django-drf-server-a2c14d2ba3f?source=collection_home---4------3-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-06-05T00:00:00Z","dateModified":"2020-06-05T00:00:00Z","url":"https://medium.com/a-layman/exchange-githubs-access-token-to-jwt-from-django-drf-server-a2c14d2ba3f?source=collection_home---4------3-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*qNiZG7OWnPWpTLD9rN27Ew.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page application with React and Django Part 5.2-Exchange Github’s access token to JWT"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page application with React and Django Part 5.1-Exchange Github’s access token to JWT","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/exchange-githubs-access-token-to-jwt-from-django-drf-server-a2c14d2ba3f?source=collection_home---4------1-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-06-05T00:00:00Z","dateModified":"2020-06-05T00:00:00Z","url":"https://medium.com/a-layman/exchange-githubs-access-token-to-jwt-from-django-drf-server-a2c14d2ba3f?source=collection_home---4------1-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*qNiZG7OWnPWpTLD9rN27Ew.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page application with React and Django Part 5.1-Exchange Github’s access token to JWT"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page application with React and Django Part 5.1-Exchange","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/exchange-facebooks-access-token-to-jwt-from-django-drf-server-for-social-login-1bf7d1801cb7?source=collection_home---4------2-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-05-31T00:00:00Z","dateModified":"2020-05-31T00:00:00Z","url":"https://medium.com/a-layman/exchange-facebooks-access-token-to-jwt-from-django-drf-server-for-social-login-1bf7d1801cb7?source=collection_home---4------2-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*_HHcOzb1zFHuAtKGCHjbhA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page application with React and Django Part 5.1-Exchange"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page application with React and Django Part 4- Create Endpoints to Manipulate…","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-4-create-endpoints-to-manipulate-13aefa60625b?source=collection_home---4------3-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-05-23T00:00:00Z","dateModified":"2020-05-23T00:00:00Z","url":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-4-create-endpoints-to-manipulate-13aefa60625b?source=collection_home---4------3-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*VItMISv2UVU5qhbGAUthQQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page application with React and Django Part 4- Create Endpoints to Manipulate…"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page application with React and Django Part 3 — Use JWT with DRF and tests endpoints…","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-3-use-jwt-with-drf-and-tests-endpoints-6a6275fb09d9?source=collection_home---4------4-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-05-13T00:00:00Z","dateModified":"2020-05-13T00:00:00Z","url":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-3-use-jwt-with-drf-and-tests-endpoints-6a6275fb09d9?source=collection_home---4------4-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*hj-MAvflHt94cOuFMYpnmg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page application with React and Django Part 3 — Use JWT with DRF and tests endpoints…"},{"@context":"http://schema.org","@type":"Article","name":"ReactJS global states management- The differences between React hooks + Context APIs and Redux","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/reactjs-global-states-management-the-differences-between-react-hooks-context-apis-and-redux-92d72171337d?source=collection_home---4------5-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-05-07T00:00:00Z","dateModified":"2020-05-07T00:00:00Z","url":"https://medium.com/a-layman/reactjs-global-states-management-the-differences-between-react-hooks-context-apis-and-redux-92d72171337d?source=collection_home---4------5-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*KaEqbwPCKk9t2U4caunGiQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"ReactJS global states management- The differences between React hooks + Context APIs and Redux"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page application with React and Django Part 2— Connect React App with Django App","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-1-connect-react-app-with-django-app-dbf6b5ec52f4?source=collection_home---4------6-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-04-29T00:00:00Z","dateModified":"2020-04-29T00:00:00Z","url":"https://medium.com/a-layman/build-single-page-application-with-react-and-django-part-1-connect-react-app-with-django-app-dbf6b5ec52f4?source=collection_home---4------6-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*VyFd-9O5jmdbRsj6G1PGWg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page application with React and Django Part 2— Connect React App with Django App"},{"@context":"http://schema.org","@type":"Article","name":"Build Single page application with React and Django Part 1-Deploy Django application to Heroku and…","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/deploy-django-application-to-heroku-and-migrate-postgresql-36615b5f19cc?source=collection_home---4------7-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-04-25T00:00:00Z","dateModified":"2020-04-25T00:00:00Z","url":"https://medium.com/a-layman/deploy-django-application-to-heroku-and-migrate-postgresql-36615b5f19cc?source=collection_home---4------7-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*TpQ9z-wBtl7fSX8jAilkKA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Build Single page application with React and Django Part 1-Deploy Django application to Heroku and…"},{"@context":"http://schema.org","@type":"Article","name":"CS50’s Web Programming with Python and JavaScript 2020 — CI/CD, Containerization, Scalability…","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/cs50s-web-programming-with-python-and-javascript-2020-ci-cd-containerization-scalability-f7d503c25bb3?source=collection_home---4------8-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-04-02T00:00:00Z","dateModified":"2020-04-02T00:00:00Z","url":"https://medium.com/a-layman/cs50s-web-programming-with-python-and-javascript-2020-ci-cd-containerization-scalability-f7d503c25bb3?source=collection_home---4------8-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*0IBqmZzPyIDjqc4qAnSxHg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"CS50’s Web Programming with Python and JavaScript 2020 — CI/CD, Containerization, Scalability…"},{"@context":"http://schema.org","@type":"Article","name":"CS50’s Web Programming with Python and JavaScript 2020 — Learn Django and Selenium","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/cs50s-web-programming-with-python-and-javascript-2020-learn-django-and-selenium-ee001653f728?source=collection_home---4------9-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-03-24T00:00:00Z","dateModified":"2020-03-24T00:00:00Z","url":"https://medium.com/a-layman/cs50s-web-programming-with-python-and-javascript-2020-learn-django-and-selenium-ee001653f728?source=collection_home---4------9-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*_5b8YB1mrkpXLZoCaTmu7A.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"CS50’s Web Programming with Python and JavaScript 2020 — Learn Django and Selenium"},{"@context":"http://schema.org","@type":"Article","name":"Send images to the flask server and show images on the browser","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/send-images-to-the-flask-server-and-show-images-on-the-browser-bcdfb81d16cd?source=collection_home---4------10-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-03-15T00:00:00Z","dateModified":"2020-03-15T00:00:00Z","url":"https://medium.com/a-layman/send-images-to-the-flask-server-and-show-images-on-the-browser-bcdfb81d16cd?source=collection_home---4------10-----------------------","image":"https://cdn-images-1.medium.com/max/800/0*zZeqVW3mbmAxj2DN","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Send images to the flask server and show images on the browser"},{"@context":"http://schema.org","@type":"Article","name":"Learning data structure in JavaScript for beginners","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/learning-data-structure-in-javascript-for-beginners-f5752363a4e1?source=collection_home---4------11-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-03-10T00:00:00Z","dateModified":"2020-03-10T00:00:00Z","url":"https://medium.com/a-layman/learning-data-structure-in-javascript-for-beginners-f5752363a4e1?source=collection_home---4------11-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*MSRVgtaB1NSWFnrP13x-jQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Learning data structure in JavaScript for beginners"},{"@context":"http://schema.org","@type":"Article","name":"Use Closure to store variables to avoid re-render in ReactJS","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/use-closure-to-store-variables-to-avoid-re-render-in-reactjs-4cedb3277f79?source=collection_home---4------12-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-02-20T00:00:00Z","dateModified":"2020-02-20T00:00:00Z","url":"https://medium.com/a-layman/use-closure-to-store-variables-to-avoid-re-render-in-reactjs-4cedb3277f79?source=collection_home---4------12-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*4Q4T88CPemAntCryzZnYPg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Use Closure to store variables to avoid re-render in ReactJS"},{"@context":"http://schema.org","@type":"Article","name":"[好書選讀]Site Reliability Engineering — Lessons Learned from Other Industries","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-lessons-learned-from-other-industries-6034972d1e6?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-02-18T00:00:00Z","dateModified":"2020-02-18T00:00:00Z","url":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-lessons-learned-from-other-industries-6034972d1e6?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*O-pcwUVzzwJrew1nNX4QmA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[好書選讀]Site Reliability Engineering — Lessons Learned from Other Industries"},{"@context":"http://schema.org","@type":"Article","name":"CS50’s Web Programming with Python and JavaScript 2020 — Review JavaScript, SPA, and CSS animation","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/cs50s-web-programming-with-python-and-javascript-2020-review-javascript-spa-and-css-animation-7f098fdf7419?source=collection_home---4------13-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-02-15T00:00:00Z","dateModified":"2020-02-15T00:00:00Z","url":"https://medium.com/a-layman/cs50s-web-programming-with-python-and-javascript-2020-review-javascript-spa-and-css-animation-7f098fdf7419?source=collection_home---4------13-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*3nIJwGJXeTQFCe0UNTVsDA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"CS50’s Web Programming with Python and JavaScript 2020 — Review JavaScript, SPA, and CSS animation"},{"@context":"http://schema.org","@type":"Article","name":"Performance test to the service in OAuth 2.0 with JMeter and NodeJS","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/performance-test-to-the-service-in-oauth-2-0-with-jmeter-and-nodejs-70226a1a5055?source=collection_home---4------1-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-02-08T00:00:00Z","dateModified":"2020-02-08T00:00:00Z","url":"https://medium.com/a-layman/performance-test-to-the-service-in-oauth-2-0-with-jmeter-and-nodejs-70226a1a5055?source=collection_home---4------1-----------------------","image":"https://cdn-images-1.medium.com/max/1200/1*zcP4MBzbOgZzss7x6zDZiA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Performance test to the service in OAuth 2.0 with JMeter and NodeJS"},{"@context":"http://schema.org","@type":"Article","name":"CS50’s Web Programming with Python and JavaScript 2020— Review APIs, ORM and SQL","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/cs50s-web-programming-with-python-and-javascript-review-apis-orm-and-sql-df61f0eaa0cb?source=collection_home---4------14-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-02-06T00:00:00Z","dateModified":"2020-02-06T00:00:00Z","url":"https://medium.com/a-layman/cs50s-web-programming-with-python-and-javascript-review-apis-orm-and-sql-df61f0eaa0cb?source=collection_home---4------14-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*70OImgFQRSRHWdfz0e8QrA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"CS50’s Web Programming with Python and JavaScript 2020— Review APIs, ORM and SQL"},{"@context":"http://schema.org","@type":"Article","name":"CS50’s Web Programming with Python and JavaScript 2020 — Review CSS, Sass, and RWD","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/cs50s-web-programming-with-python-and-javascript-review-css-sass-and-rwd-99c29aeb6d6d?source=collection_home---4------2-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-01-26T00:00:00Z","dateModified":"2020-01-26T00:00:00Z","url":"https://medium.com/a-layman/cs50s-web-programming-with-python-and-javascript-review-css-sass-and-rwd-99c29aeb6d6d?source=collection_home---4------2-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*z6yAp4dgnAAKwev6oM4T1w.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"CS50’s Web Programming with Python and JavaScript 2020 — Review CSS, Sass, and RWD"},{"@context":"http://schema.org","@type":"Article","name":"Authorize users with AuthorizeAttribute and Role Provider in ASP.NET MVC","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/authorize-users-with-authorizeattribute-and-role-provider-in-asp-net-mvc-56ab73cb05eb?source=collection_home---4------15-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-01-16T00:00:00Z","dateModified":"2020-01-16T00:00:00Z","url":"https://medium.com/a-layman/authorize-users-with-authorizeattribute-and-role-provider-in-asp-net-mvc-56ab73cb05eb?source=collection_home---4------15-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*BmojwPmN5tvtZMXOmwGlzw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Authorize users with AuthorizeAttribute and Role Provider in ASP.NET MVC"},{"@context":"http://schema.org","@type":"Article","name":"[好書選讀]Site Reliability Engineering — Data Integrity: What You Read Is What You Wrote","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-data-integrity-what-you-read-is-what-you-wrote-65b0212478d6?source=collection_home---4------1-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-01-07T00:00:00Z","dateModified":"2020-01-07T00:00:00Z","url":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-data-integrity-what-you-read-is-what-you-wrote-65b0212478d6?source=collection_home---4------1-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*OnbywlphsCPpmrfW1ffLdA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[好書選讀]Site Reliability Engineering — Data Integrity: What You Read Is What You Wrote"},{"@context":"http://schema.org","@type":"Article","name":"[好書選讀]Site Reliability Engineering — Data Processing Pipeline","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-data-processing-pipeline-412a330e5696?source=collection_home---4------2-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-01-05T00:00:00Z","dateModified":"2020-01-05T00:00:00Z","url":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-data-processing-pipeline-412a330e5696?source=collection_home---4------2-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*7oCL0js0lT8nf0ufyjjazw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[好書選讀]Site Reliability Engineering — Data Processing Pipeline"},{"@context":"http://schema.org","@type":"Article","name":"Summarize 2019: technical articles, technical talks, and study group hosting","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/summarize-2019-technical-articles-technical-talks-and-study-group-hosting-6a6a37c3a210?source=collection_home---4------16-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-12-29T00:00:00Z","dateModified":"2019-12-29T00:00:00Z","url":"https://medium.com/a-layman/summarize-2019-technical-articles-technical-talks-and-study-group-hosting-6a6a37c3a210?source=collection_home---4------16-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*wZiNTlfzB8i9LGbib50aiQ.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Summarize 2019: technical articles, technical talks, and study group hosting"},{"@context":"http://schema.org","@type":"Article","name":"How does the browser work when rendering a web page? For server-side rendering","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-browser-works-when-rendering-a-web-page-f49c09bec475?source=collection_home---4------5-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-12-29T00:00:00Z","dateModified":"2019-12-29T00:00:00Z","url":"https://medium.com/a-layman/how-browser-works-when-rendering-a-web-page-f49c09bec475?source=collection_home---4------5-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*EHDMDi-TDtlEi8CVPAlUNg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How does the browser work when rendering a web page? For server-side rendering"},{"@context":"http://schema.org","@type":"Article","name":"How does JavaScript work? Part 2. The terms and syntax (includes ES5 and ES6)","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-does-javascript-work-part-2-the-terms-and-syntax-4b6f6d32ffe2?source=collection_home---4------17-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-12-29T00:00:00Z","dateModified":"2019-12-29T00:00:00Z","url":"https://medium.com/a-layman/how-does-javascript-work-part-2-the-terms-and-syntax-4b6f6d32ffe2?source=collection_home---4------17-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*JU5Si4uYQLRiBFrxmZ0apg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How does JavaScript work? Part 2. The terms and syntax (includes ES5 and ES6)"},{"@context":"http://schema.org","@type":"Article","name":"The introduction to API gateway : Ocelot and rerouting","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/the-introduction-to-api-gateway-ocelot-and-rerouting-16a84b4ce658?source=collection_home---4------18-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-12-18T00:00:00Z","dateModified":"2019-12-18T00:00:00Z","url":"https://medium.com/a-layman/the-introduction-to-api-gateway-ocelot-and-rerouting-16a84b4ce658?source=collection_home---4------18-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*lFFR5EI25WRu1ih7tXKEnw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"The introduction to API gateway : Ocelot and rerouting"},{"@context":"http://schema.org","@type":"Article","name":"Create a Python client to fetch data from ElasticSearch","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/apm-logging-services-part-3-create-a-python-client-to-fetch-data-from-elasticsearch-532c828db784?source=collection_home---4------19-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-12-13T00:00:00Z","dateModified":"2019-12-13T00:00:00Z","url":"https://medium.com/a-layman/apm-logging-services-part-3-create-a-python-client-to-fetch-data-from-elasticsearch-532c828db784?source=collection_home---4------19-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*60qOTvhdbTEMflPrbclxgg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Create a Python client to fetch data from ElasticSearch"},{"@context":"http://schema.org","@type":"Article","name":"Perform functional tests with Katalon recorder, Selenium, Chrome driver, and NUnit in Visual Studio","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/perform-functional-tests-with-katalon-recorder-chrome-driver-and-nunit-in-visual-studio-32c50c9cd099?source=collection_home---4------2-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-12-10T00:00:00Z","dateModified":"2019-12-10T00:00:00Z","url":"https://medium.com/a-layman/perform-functional-tests-with-katalon-recorder-chrome-driver-and-nunit-in-visual-studio-32c50c9cd099?source=collection_home---4------2-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*4sMKB9DYvozyiy-L5N19jg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Perform functional tests with Katalon recorder, Selenium, Chrome driver, and NUnit in Visual Studio"},{"@context":"http://schema.org","@type":"Article","name":"Service Fabric part.3 — The introduction to the Service Fabric Model","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/service-fabric-part-3-the-introduction-to-the-service-fabric-model-66ba6ddd3174?source=collection_home---4------20-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-11-29T00:00:00Z","dateModified":"2019-11-29T00:00:00Z","url":"https://medium.com/a-layman/service-fabric-part-3-the-introduction-to-the-service-fabric-model-66ba6ddd3174?source=collection_home---4------20-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*v_MIIT-PfJ8q-vFeqNfQaA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Service Fabric part.3 — The introduction to the Service Fabric Model"},{"@context":"http://schema.org","@type":"Article","name":"How do I migrate RequireJS modules from ScriptBundle to Webpack on ASP .NET?","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-do-i-migrate-requirejs-modules-from-scriptbundle-to-webpack-on-asp-net-8b9c5e414966?source=collection_home---4------21-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-11-19T00:00:00Z","dateModified":"2019-11-19T00:00:00Z","url":"https://medium.com/a-layman/how-do-i-migrate-requirejs-modules-from-scriptbundle-to-webpack-on-asp-net-8b9c5e414966?source=collection_home---4------21-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*XWw9J4JArqf-eU3HPFH_2A.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How do I migrate RequireJS modules from ScriptBundle to Webpack on ASP .NET?"},{"@context":"http://schema.org","@type":"Article","name":"How does JavaScript work? Part 1. The execution environment, synchronous and asynchronous execution","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/review-javascript-terms-es5-and-es6-6886ac03d385?source=collection_home---4------22-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-11-10T00:00:00Z","dateModified":"2019-11-10T00:00:00Z","url":"https://medium.com/a-layman/review-javascript-terms-es5-and-es6-6886ac03d385?source=collection_home---4------22-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*lLrtxORRIrhlHed0HB1rJg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How does JavaScript work? Part 1. The execution environment, synchronous and asynchronous execution"},{"@context":"http://schema.org","@type":"Article","name":"What should you do before deploying? Generate the change report with Bitbucket and Jira REST APIs","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/what-should-you-do-before-deploying-generate-the-change-report-with-bitbucket-and-jira-rest-apis-f214d650817?source=collection_home---4------23-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-11-08T00:00:00Z","dateModified":"2019-11-08T00:00:00Z","url":"https://medium.com/a-layman/what-should-you-do-before-deploying-generate-the-change-report-with-bitbucket-and-jira-rest-apis-f214d650817?source=collection_home---4------23-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*G_ax6lP_lqeADXXW3oXSGg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"What should you do before deploying? Generate the change report with Bitbucket and Jira REST APIs"},{"@context":"http://schema.org","@type":"Article","name":"Upgrade ReactJS.NET 5.0.0 and React 16.8 for the ASP.NET project part.2— Use ES6 syntax","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/upgrade-reactjs-net-5-0-0-and-react-16-8-for-the-asp-net-project-use-es6-syntax-e0e3f0cba8dc?source=collection_home---4------24-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-10-28T00:00:00Z","dateModified":"2019-10-28T00:00:00Z","url":"https://medium.com/a-layman/upgrade-reactjs-net-5-0-0-and-react-16-8-for-the-asp-net-project-use-es6-syntax-e0e3f0cba8dc?source=collection_home---4------24-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*EAuEKm2z_9o940tfesnogQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Upgrade ReactJS.NET 5.0.0 and React 16.8 for the ASP.NET project part.2— Use ES6 syntax"},{"@context":"http://schema.org","@type":"Article","name":"How to return the response of AJAX (asynchronous) call? Compare Promise, async/await, fetch","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-return-the-response-of-ajax-asynchronous-call-compare-promise-async-await-fetch-a0ca971ba7ae?source=collection_home---4------10-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-10-17T00:00:00Z","dateModified":"2019-10-17T00:00:00Z","url":"https://medium.com/a-layman/how-to-return-the-response-of-ajax-asynchronous-call-compare-promise-async-await-fetch-a0ca971ba7ae?source=collection_home---4------10-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*QvCRfmcNqolyhBUql0hoHQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How to return the response of AJAX (asynchronous) call? Compare Promise, async/await, fetch"},{"@context":"http://schema.org","@type":"Article","name":"The introduction to GraphQL-Create a GraphQL server with NodeJS Express","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/the-introduction-to-graphql-create-a-graphql-server-with-nodejs-express-202ebe01f177?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-09-30T00:00:00Z","dateModified":"2019-09-30T00:00:00Z","url":"https://medium.com/a-layman/the-introduction-to-graphql-create-a-graphql-server-with-nodejs-express-202ebe01f177?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*E3EnbR8kWkCzFoT4_iozAQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"The introduction to GraphQL-Create a GraphQL server with NodeJS Express"},{"@context":"http://schema.org","@type":"Article","name":"[好書選讀]Site Reliability Engineering — Testing for Reliability","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-testing-for-reliability-56b0f5945cf5?source=collection_home---4------3-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-09-17T00:00:00Z","dateModified":"2019-09-17T00:00:00Z","url":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-testing-for-reliability-56b0f5945cf5?source=collection_home---4------3-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*KZhhoCAa6OG2oNoTOUDNvQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[好書選讀]Site Reliability Engineering — Testing for Reliability"},{"@context":"http://schema.org","@type":"Article","name":"[好書選讀]Site Reliability Engineering — Tracking Outages","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-tracking-outages-b6004675e47a?source=collection_home---4------4-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-09-14T00:00:00Z","dateModified":"2019-09-14T00:00:00Z","url":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-tracking-outages-b6004675e47a?source=collection_home---4------4-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*j1gE_WnPLNjzkpJfUymIJw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[好書選讀]Site Reliability Engineering — Tracking Outages"},{"@context":"http://schema.org","@type":"Article","name":"Upgrade ReactJS.NET 5.0.0 and React 16.8 for the ASP.NET project part.1— Environment settings","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/upgrade-reactjs-net-5-0-0-and-react-16-8-for-the-asp-net-project-environment-settings-670d4755897c?source=collection_home---4------3-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-09-12T00:00:00Z","dateModified":"2019-09-12T00:00:00Z","url":"https://medium.com/a-layman/upgrade-reactjs-net-5-0-0-and-react-16-8-for-the-asp-net-project-environment-settings-670d4755897c?source=collection_home---4------3-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*HPqPSTgIlQDni-IAOSTrww.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Upgrade ReactJS.NET 5.0.0 and React 16.8 for the ASP.NET project part.1— Environment settings"},{"@context":"http://schema.org","@type":"Article","name":"Learning git version control","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/the-learning-note-for-git-version-control-3a4b4f8ab4fc?source=collection_home---4------1-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-08-30T00:00:00Z","dateModified":"2019-08-30T00:00:00Z","url":"https://medium.com/a-layman/the-learning-note-for-git-version-control-3a4b4f8ab4fc?source=collection_home---4------1-----------------------","image":"https://cdn-images-1.medium.com/max/1200/1*D2d8Wk2iLIGin2O2ihJY8g.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Learning git version control"},{"@context":"http://schema.org","@type":"Article","name":"Building customized Knockout.js Component for your website","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/building-customized-knockout-js-component-for-your-website-7e4edd7032d9?source=collection_home---4------11-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-08-27T00:00:00Z","dateModified":"2019-08-27T00:00:00Z","url":"https://medium.com/a-layman/building-customized-knockout-js-component-for-your-website-7e4edd7032d9?source=collection_home---4------11-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*2IIehHJ0EMqKO8imwRpBlw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Building customized Knockout.js Component for your website"},{"@context":"http://schema.org","@type":"Article","name":"The practicing of the Codility Lesson 6~ 10 with C++","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/the-practicing-of-the-codility-lesson-6-10-f06f439d74ce?source=collection_home---4------2-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-08-18T00:00:00Z","dateModified":"2019-08-18T00:00:00Z","url":"https://medium.com/a-layman/the-practicing-of-the-codility-lesson-6-10-f06f439d74ce?source=collection_home---4------2-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*L2TmU2qVoEhBEOfod2pIOA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"The practicing of the Codility Lesson 6~ 10 with C++"},{"@context":"http://schema.org","@type":"Article","name":"The practicing of the Codility Lesson 1 ~ 5 with C++","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/the-practicing-of-the-codility-lesson-1-10-4ded4ccc8ff3?source=collection_home---4------3-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-08-11T00:00:00Z","dateModified":"2019-08-11T00:00:00Z","url":"https://medium.com/a-layman/the-practicing-of-the-codility-lesson-1-10-4ded4ccc8ff3?source=collection_home---4------3-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*T7fXw54grRzC1cx2huj7ow.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"The practicing of the Codility Lesson 1 ~ 5 with C++"},{"@context":"http://schema.org","@type":"Article","name":"[好書選讀]Site Reliability Engineering — Simplicity","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-simplicity-3c9608fb06bc?source=collection_home---4------5-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-08-10T00:00:00Z","dateModified":"2019-08-10T00:00:00Z","url":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-simplicity-3c9608fb06bc?source=collection_home---4------5-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*b56O0UVapSHRBEgKJ4HqTg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[好書選讀]Site Reliability Engineering — Simplicity"},{"@context":"http://schema.org","@type":"Article","name":"ASP .NET MVC — Set precision for Decimal for Entity Framework Code First","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/asp-net-mvc-set-precision-for-decimal-for-entity-framework-code-first-eacbf17a26f1?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-08-06T00:00:00Z","dateModified":"2019-08-06T00:00:00Z","url":"https://medium.com/a-layman/asp-net-mvc-set-precision-for-decimal-for-entity-framework-code-first-eacbf17a26f1?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*D4wH6nn8xT6WwVGt-xKoEg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"ASP .NET MVC — Set precision for Decimal for Entity Framework Code First"},{"@context":"http://schema.org","@type":"Article","name":"The practicing of the Codility Lesson 11 ~ 15 with C++","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/the-practicing-of-the-codility-lesson-11-15-6fd662f46b43?source=collection_home---4------4-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-08-04T00:00:00Z","dateModified":"2019-08-04T00:00:00Z","url":"https://medium.com/a-layman/the-practicing-of-the-codility-lesson-11-15-6fd662f46b43?source=collection_home---4------4-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*5Gp5qOzxKlvu3S_qhhvSKA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"The practicing of the Codility Lesson 11 ~ 15 with C++"},{"@context":"http://schema.org","@type":"Article","name":"[好書選讀]Site Reliability Engineering — Release Engineering","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-release-engineering-4520aa6fc48c?source=collection_home---4------6-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-07-27T00:00:00Z","dateModified":"2019-07-27T00:00:00Z","url":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-site-reliability-engineering-release-engineering-4520aa6fc48c?source=collection_home---4------6-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*RZOBoACKlAr5F44uVWcFhA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[好書選讀]Site Reliability Engineering — Release Engineering"},{"@context":"http://schema.org","@type":"Article","name":"Refactor your HTML report with RazorEngine","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/refactor-your-html-report-with-razorengine-59e878ac9d52?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-07-22T00:00:00Z","dateModified":"2019-07-22T00:00:00Z","url":"https://medium.com/a-layman/refactor-your-html-report-with-razorengine-59e878ac9d52?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*htnfrundkxaBDQRsuKtxLg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Refactor your HTML report with RazorEngine"},{"@context":"http://schema.org","@type":"Article","name":"Test with NUnit- Create a Test Project and Realize The Execution Order","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/test-with-nunit-create-a-test-project-and-realize-the-execution-order-18c11b636b0c?source=collection_home---4------3-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-07-14T00:00:00Z","dateModified":"2019-07-14T00:00:00Z","url":"https://medium.com/a-layman/test-with-nunit-create-a-test-project-and-realize-the-execution-order-18c11b636b0c?source=collection_home---4------3-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*OXnbkVXfoPuhQC0ZvjBq6w.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Test with NUnit- Create a Test Project and Realize The Execution Order"},{"@context":"http://schema.org","@type":"Article","name":"How To Query Data The With Tally Tables? — My reflection of Part 9","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-query-data-the-with-tally-tables-my-reflection-of-effective-sql-part-9-ccfccd48884c?source=collection_home---4------4-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-07-11T00:00:00Z","dateModified":"2019-07-11T00:00:00Z","url":"https://medium.com/a-layman/how-to-query-data-the-with-tally-tables-my-reflection-of-effective-sql-part-9-ccfccd48884c?source=collection_home---4------4-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*2SFL3nNxum8A0oova7bytw.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How To Query Data The With Tally Tables? — My reflection of Part 9"},{"@context":"http://schema.org","@type":"Article","name":"Learn how to use SignalR to build a chatroom application","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/learn-how-to-use-signalr-to-build-a-chatroom-application-63e8bb8049ff?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-06-30T00:00:00Z","dateModified":"2019-06-30T00:00:00Z","url":"https://medium.com/a-layman/learn-how-to-use-signalr-to-build-a-chatroom-application-63e8bb8049ff?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*j6m4jnkuRKkQ6rrkqLFeGA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Learn how to use SignalR to build a chatroom application"},{"@context":"http://schema.org","@type":"Article","name":"How To Get and Analyze Metadata ? — My reflection of Part 7","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-get-and-analyze-metadata-my-reflection-of-effective-sql-part-7-b9748f54bedc?source=collection_home---4------5-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-06-23T00:00:00Z","dateModified":"2019-06-23T00:00:00Z","url":"https://medium.com/a-layman/how-to-get-and-analyze-metadata-my-reflection-of-effective-sql-part-7-b9748f54bedc?source=collection_home---4------5-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*ZQnywhTwjN-ys9VgH6jVqA.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How To Get and Analyze Metadata ? — My reflection of Part 7"},{"@context":"http://schema.org","@type":"Article","name":"How To Use The Subquery ? — My reflection of Part 6","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-use-the-subquery-my-reflection-of-effective-sql-part-6-be5d0dbbe75e?source=collection_home---4------6-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-06-08T00:00:00Z","dateModified":"2019-06-08T00:00:00Z","url":"https://medium.com/a-layman/how-to-use-the-subquery-my-reflection-of-effective-sql-part-6-be5d0dbbe75e?source=collection_home---4------6-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*cLELMH5XSTeUuyHP5q3Hrg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How To Use The Subquery ? — My reflection of Part 6"},{"@context":"http://schema.org","@type":"Article","name":"What‘s interesting in DevDays Asia@Taipei 2019?","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/what-s-interesting-in-devdays-asia-taipei-2019-931ea5be50d3?source=collection_home---4------4-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-05-30T00:00:00Z","dateModified":"2019-05-30T00:00:00Z","url":"https://medium.com/a-layman/what-s-interesting-in-devdays-asia-taipei-2019-931ea5be50d3?source=collection_home---4------4-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*t9wDyVAoy_d5yUH5EIX-3Q.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"What‘s interesting in DevDays Asia@Taipei 2019?"},{"@context":"http://schema.org","@type":"Article","name":"What if we can’t change the design? — My reflection of Part 3","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/whats-if-we-can-t-change-the-design-my-reflection-of-effective-sql-3704b87c49b5?source=collection_home---4------7-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-05-25T00:00:00Z","dateModified":"2019-05-25T00:00:00Z","url":"https://medium.com/a-layman/whats-if-we-can-t-change-the-design-my-reflection-of-effective-sql-3704b87c49b5?source=collection_home---4------7-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*jqUMxB_afM-552DjqBo3gA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"What if we can’t change the design? — My reflection of Part 3"},{"@context":"http://schema.org","@type":"Article","name":"Controlling state between two React child components","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/controlling-state-between-two-react-child-components-72a326c745a4?source=collection_home---4------12-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-05-25T00:00:00Z","dateModified":"2019-05-25T00:00:00Z","url":"https://medium.com/a-layman/controlling-state-between-two-react-child-components-72a326c745a4?source=collection_home---4------12-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*T1JL7wH3jZ262Yai6H0qQg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Controlling state between two React child components"},{"@context":"http://schema.org","@type":"Article","name":"How to use the two-way binding in Knout.js and ReactJS?","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-use-the-two-way-binding-in-knout-js-and-reactjs-afea126d0236?source=collection_home---4------13-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-05-19T00:00:00Z","dateModified":"2019-05-19T00:00:00Z","url":"https://medium.com/a-layman/how-to-use-the-two-way-binding-in-knout-js-and-reactjs-afea126d0236?source=collection_home---4------13-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*SK9-uglh85Hl4wAh3OHQ_g.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How to use the two-way binding in Knout.js and ReactJS?"},{"@context":"http://schema.org","@type":"Article","name":"How To Design The Index? — My reflection of Part 2","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-design-the-index-my-reflection-of-effective-sql-b23d24212974?source=collection_home---4------8-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-05-14T00:00:00Z","dateModified":"2019-05-14T00:00:00Z","url":"https://medium.com/a-layman/how-to-design-the-index-my-reflection-of-effective-sql-b23d24212974?source=collection_home---4------8-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*l4nVJqhrI1_sFMy2zQ8N0w.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How To Design The Index? — My reflection of Part 2"},{"@context":"http://schema.org","@type":"Article","name":"How To Design The Data Model? — My reflection of Part 1","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-design-the-data-model-my-reflection-of-effective-sql-adba6376588a?source=collection_home---4------9-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-05-07T00:00:00Z","dateModified":"2019-05-07T00:00:00Z","url":"https://medium.com/a-layman/how-to-design-the-data-model-my-reflection-of-effective-sql-adba6376588a?source=collection_home---4------9-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*trYud-lAkP2-bXo82U9bQA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"How To Design The Data Model? — My reflection of Part 1"},{"@context":"http://schema.org","@type":"Article","name":"APM & Logging Services Part.3 — The cache of Cloudflare","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/apm-logging-services-part-3-the-cache-of-cloudflare-fe7d58717fb9?source=collection_home---4------1-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-04-30T00:00:00Z","dateModified":"2019-04-30T00:00:00Z","url":"https://medium.com/a-layman/apm-logging-services-part-3-the-cache-of-cloudflare-fe7d58717fb9?source=collection_home---4------1-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*1Oy8AZYtqafGm_3-1aNmkQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"APM & Logging Services Part.3 — The cache of Cloudflare"},{"@context":"http://schema.org","@type":"Article","name":"[Golang] Build A Simple Web Service part.7 — Learn the SSL/TSL connection","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-7-learn-the-ssl-tsl-connection-713b39f11eac?source=collection_home---4------1-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-04-20T00:00:00Z","dateModified":"2019-04-20T00:00:00Z","url":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-7-learn-the-ssl-tsl-connection-713b39f11eac?source=collection_home---4------1-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*SiwMDGb49NscfAMtcdZLCA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[Golang] Build A Simple Web Service part.7 — Learn the SSL/TSL connection"},{"@context":"http://schema.org","@type":"Article","name":"Back to the basic: Introduction to DNS","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/back-to-the-basic-introduction-to-dns-f63aebe7bee7?source=collection_home---4------2-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-04-14T00:00:00Z","dateModified":"2019-04-14T00:00:00Z","url":"https://medium.com/a-layman/back-to-the-basic-introduction-to-dns-f63aebe7bee7?source=collection_home---4------2-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*m4nxtUjDkrX9lClzHnnboA.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Back to the basic: Introduction to DNS"},{"@context":"http://schema.org","@type":"Article","name":"Learning SQL server part.1 — lock and concurrency in SQL server","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/learning-sql-server-part-1-locking-in-sql-server-807f79cbe9dd?source=collection_home---4------2-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-04-06T00:00:00Z","dateModified":"2019-04-06T00:00:00Z","url":"https://medium.com/a-layman/learning-sql-server-part-1-locking-in-sql-server-807f79cbe9dd?source=collection_home---4------2-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*f4tAhp00tEK51-KU73J5Yw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Learning SQL server part.1 — lock and concurrency in SQL server"},{"@context":"http://schema.org","@type":"Article","name":"Software testing-Automatic test with Newman","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/software-testing-automatic-test-with-newman-485c49d7dc1d?source=collection_home---4------4-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-03-30T00:00:00Z","dateModified":"2019-03-30T00:00:00Z","url":"https://medium.com/a-layman/software-testing-automatic-test-with-newman-485c49d7dc1d?source=collection_home---4------4-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*cY7YmhMCMMiXr02fvrqH9A.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Software testing-Automatic test with Newman"},{"@context":"http://schema.org","@type":"Article","name":"[DevOps] Troubleshooting for Opserver web deploy","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/devops-troubleshooting-for-opserver-web-deploy-bd6d21d104eb?source=collection_home---4------3-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-03-27T00:00:00Z","dateModified":"2019-03-27T00:00:00Z","url":"https://medium.com/a-layman/devops-troubleshooting-for-opserver-web-deploy-bd6d21d104eb?source=collection_home---4------3-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*xzWwjFgsCJ8EPqnxBOECTQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[DevOps] Troubleshooting for Opserver web deploy"},{"@context":"http://schema.org","@type":"Article","name":"[DevOps] Introduction to Opserver","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/devops-introduction-to-opserver-10427f8c5139?source=collection_home---4------8-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-03-21T00:00:00Z","dateModified":"2019-03-21T00:00:00Z","url":"https://medium.com/a-layman/devops-introduction-to-opserver-10427f8c5139?source=collection_home---4------8-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*yUfKnntVMJ7p_caQ4G2j3Q.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[DevOps] Introduction to Opserver"},{"@context":"http://schema.org","@type":"Article","name":"Service Fabric part.1 — How to install and create Service Fabric cluster?","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/service-fabric-trouble-shooting-part-1-how-to-install-and-create-service-fabric-cluster-64aeaaf69657?source=collection_home---4------5-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-03-19T00:00:00Z","dateModified":"2019-03-19T00:00:00Z","url":"https://medium.com/a-layman/service-fabric-trouble-shooting-part-1-how-to-install-and-create-service-fabric-cluster-64aeaaf69657?source=collection_home---4------5-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*4P7GXp1lFjMzQUeC1sCweg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Service Fabric part.1 — How to install and create Service Fabric cluster?"},{"@context":"http://schema.org","@type":"Article","name":"Introduction to the WS-Federation and Microsoft ADFS","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/introduction-to-the-ws-federation-and-microsoft-adfs-33a0ce2ac686?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-03-18T00:00:00Z","dateModified":"2019-03-18T00:00:00Z","url":"https://medium.com/a-layman/introduction-to-the-ws-federation-and-microsoft-adfs-33a0ce2ac686?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*tD-_YjBjNlmDVhtixnBIXQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Introduction to the WS-Federation and Microsoft ADFS"},{"@context":"http://schema.org","@type":"Article","name":"Service Fabric part.2- How to attach Visual studio code to the ASP .NET core process?","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/how-to-attach-visual-studio-code-to-the-asp-net-core-process-in-the-service-fabric-cluster-831d83b7c0b0?source=collection_home---4------4-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-03-06T00:00:00Z","dateModified":"2019-03-06T00:00:00Z","url":"https://medium.com/a-layman/how-to-attach-visual-studio-code-to-the-asp-net-core-process-in-the-service-fabric-cluster-831d83b7c0b0?source=collection_home---4------4-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*jBgxd0uWizZ8I4pH57RfhQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Service Fabric part.2- How to attach Visual studio code to the ASP .NET core process?"},{"@context":"http://schema.org","@type":"Article","name":"[DevOps] Ansible Provisioning for Windows — Efficiency JMeter setting","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/devops-ansible-provisioning-for-windows-efficiency-jmeter-setting-deb34a53a91f?source=collection_home---4------9-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-03-02T00:00:00Z","dateModified":"2019-03-02T00:00:00Z","url":"https://medium.com/a-layman/devops-ansible-provisioning-for-windows-efficiency-jmeter-setting-deb34a53a91f?source=collection_home---4------9-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*M9HjnsZ5O10WHv4yBR_uqw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[DevOps] Ansible Provisioning for Windows — Efficiency JMeter setting"},{"@context":"http://schema.org","@type":"Article","name":"Software testing — use JMeter + Grafana to evaluate the Web performance and perform live monitoring","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/software-testing-use-jmeter-grafana-to-evaluate-the-web-performance-and-perform-live-monitoring-c2498208668b?source=collection_home---4------5-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-02-23T00:00:00Z","dateModified":"2019-02-23T00:00:00Z","url":"https://medium.com/a-layman/software-testing-use-jmeter-grafana-to-evaluate-the-web-performance-and-perform-live-monitoring-c2498208668b?source=collection_home---4------5-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*WA7KivBY8O8sEiQ6tT_RxQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Software testing — use JMeter + Grafana to evaluate the Web performance and perform live monitoring"},{"@context":"http://schema.org","@type":"Article","name":"APM & Logging Services Part.2- New Relic Query Language","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/software-as-a-service-modern-apm-logging-services-part-2-new-relic-query-language-37960b839d6b?source=collection_home---4------5-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-02-21T00:00:00Z","dateModified":"2019-02-21T00:00:00Z","url":"https://medium.com/a-layman/software-as-a-service-modern-apm-logging-services-part-2-new-relic-query-language-37960b839d6b?source=collection_home---4------5-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*RYMZ3XIrpZzOfRZ4uenuRQ.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"APM & Logging Services Part.2- New Relic Query Language"},{"@context":"http://schema.org","@type":"Article","name":"APM & Logging Services Part.1- Cloudflare, Kibana & Splunk","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/introduction-to-saas-for-apm-logging-part-1-cloudflare-kibana-visualization-splunk-search-a8c1b725b680?source=collection_home---4------6-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-02-16T00:00:00Z","dateModified":"2019-02-16T00:00:00Z","url":"https://medium.com/a-layman/introduction-to-saas-for-apm-logging-part-1-cloudflare-kibana-visualization-splunk-search-a8c1b725b680?source=collection_home---4------6-----------------------","image":"https://cdn-images-1.medium.com/max/800/0*gZSbN4ZIbYp6ELkT","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"APM & Logging Services Part.1- Cloudflare, Kibana & Splunk"},{"@context":"http://schema.org","@type":"Article","name":"My 10 accomplished online courses on 2018","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/my-10-accomplished-online-courses-on-2018-57378772c7bd?source=collection_home---4------0-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-02-07T00:00:00Z","dateModified":"2019-02-07T00:00:00Z","url":"https://medium.com/a-layman/my-10-accomplished-online-courses-on-2018-57378772c7bd?source=collection_home---4------0-----------------------","image":"https://cdn-images-1.medium.com/max/2000/1*MSO9zxcjLtrcZ6TMGY0PYg.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"My 10 accomplished online courses on 2018"},{"@context":"http://schema.org","@type":"Article","name":"[Golang] Build A Simple Web Service part.6 — Sign up, Login & Logout with React.js","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-6-sign-up-login-logout-with-react-js-dc70b362a80?source=collection_home---4------1-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-02-04T00:00:00Z","dateModified":"2019-02-04T00:00:00Z","url":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-6-sign-up-login-logout-with-react-js-dc70b362a80?source=collection_home---4------1-----------------------","image":"https://cdn-images-1.medium.com/max/1200/1*7O1DZp90dHm3G1B9pnQ07A.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[Golang] Build A Simple Web Service part.6 — Sign up, Login & Logout with React.js"},{"@context":"http://schema.org","@type":"Article","name":"[React.js] Build An React App part.2- Material-UI, SPA and React Router","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/react-js-build-an-react-app-part-2-material-ui-spa-and-react-router-8313b62b985b?source=collection_home---4------7-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-02-02T00:00:00Z","dateModified":"2019-02-02T00:00:00Z","url":"https://medium.com/a-layman/react-js-build-an-react-app-part-2-material-ui-spa-and-react-router-8313b62b985b?source=collection_home---4------7-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*b1VdpBBd4Ul6vxDpftRSiA.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[React.js] Build An React App part.2- Material-UI, SPA and React Router"},{"@context":"http://schema.org","@type":"Article","name":"[Golang] Build A Simple Web Service part.0 — start from here","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-0-start-from-here-969039553704?source=collection_home---4------2-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-01-29T00:00:00Z","dateModified":"2019-01-29T00:00:00Z","url":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-0-start-from-here-969039553704?source=collection_home---4------2-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*rEGdj8Y0GYMw4Dh9hTgPqQ.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[Golang] Build A Simple Web Service part.0 — start from here"},{"@context":"http://schema.org","@type":"Article","name":"[Golang] Build A Simple Web Service part.5 — Communicate with the ReactJS page","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-5-communicate-with-the-reactjs-page-35ecfcd62de4?source=collection_home---4------8-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-01-26T00:00:00Z","dateModified":"2019-01-26T00:00:00Z","url":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-5-communicate-with-the-reactjs-page-35ecfcd62de4?source=collection_home---4------8-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*BYDxp0lB874aQGQBCAqXVQ.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[Golang] Build A Simple Web Service part.5 — Communicate with the ReactJS page"},{"@context":"http://schema.org","@type":"Article","name":"[Golang] Build A Simple Web Service part.4 — Design An API To Integrate With Local Windows Service","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-4-612d81a88331?source=collection_home---4------3-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-01-21T00:00:00Z","dateModified":"2019-01-21T00:00:00Z","url":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-4-612d81a88331?source=collection_home---4------3-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*JHz4KY9U9ANPKvIJCo20Tg.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[Golang] Build A Simple Web Service part.4 — Design An API To Integrate With Local Windows Service"},{"@context":"http://schema.org","@type":"Article","name":"Software Testing — Integrate PowerShell Remote Control Into Jenkins Freestyle Job","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/use-windows-powershell-to-execute-remote-control-in-jenkins-freestyle-job-a2b52ceebe3e?source=collection_home---4------6-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-01-16T00:00:00Z","dateModified":"2019-01-16T00:00:00Z","url":"https://medium.com/a-layman/use-windows-powershell-to-execute-remote-control-in-jenkins-freestyle-job-a2b52ceebe3e?source=collection_home---4------6-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*JMkLk7utI7Kk_2Oc1gVj8g.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Software Testing — Integrate PowerShell Remote Control Into Jenkins Freestyle Job"},{"@context":"http://schema.org","@type":"Article","name":"[Golang] Build A Simple Web Service part.3 — Connect To Database And Ways To Integrate","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-3-connect-to-database-and-ways-to-integrate-c75802872da5?source=collection_home---4------4-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-01-13T00:00:00Z","dateModified":"2019-01-13T00:00:00Z","url":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-3-connect-to-database-and-ways-to-integrate-c75802872da5?source=collection_home---4------4-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*0Ooao8LR8JWrBiYWjfWrqA.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[Golang] Build A Simple Web Service part.3 — Connect To Database And Ways To Integrate"},{"@context":"http://schema.org","@type":"Article","name":"Software Testing — Design A Dark Traffic System To Test HTTPS Requests With Goreplay","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/software-testing-design-a-dark-traffic-system-to-test-https-requests-with-goreplay-8d143ebc5497?source=collection_home---4------7-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-01-10T00:00:00Z","dateModified":"2019-01-10T00:00:00Z","url":"https://medium.com/a-layman/software-testing-design-a-dark-traffic-system-to-test-https-requests-with-goreplay-8d143ebc5497?source=collection_home---4------7-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*n1x8HrKluKrfLW5_tLrIag.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Software Testing — Design A Dark Traffic System To Test HTTPS Requests With Goreplay"},{"@context":"http://schema.org","@type":"Article","name":"[Golang] Build A Simple Web Service part.2 — Middleware","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-2-middleware-c6a29c4c5fb9?source=collection_home---4------6-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-01-07T00:00:00Z","dateModified":"2019-01-07T00:00:00Z","url":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-2-middleware-c6a29c4c5fb9?source=collection_home---4------6-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*g06PPWq6KsHh2gRgBvwSYQ.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[Golang] Build A Simple Web Service part.2 — Middleware"},{"@context":"http://schema.org","@type":"Article","name":"[React.js] Build An React App part.1- time-series chart and Node.js","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/react-js-build-a-app-with-the-time-series-chart-npm-babel-webpack-and-3d7bbef6229?source=collection_home---4------9-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2019-01-01T00:00:00Z","dateModified":"2019-01-01T00:00:00Z","url":"https://medium.com/a-layman/react-js-build-a-app-with-the-time-series-chart-npm-babel-webpack-and-3d7bbef6229?source=collection_home---4------9-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*3au5GcwMIrhtmGIad3FFqg.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[React.js] Build An React App part.1- time-series chart and Node.js"},{"@context":"http://schema.org","@type":"Article","name":"[好書選讀] Clean Architecture: Detail","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-clean-architecture-detail-dcbea616b767?source=collection_home---4------11-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2018-12-30T00:00:00Z","dateModified":"2018-12-30T00:00:00Z","url":"https://medium.com/a-layman/%E5%A5%BD%E6%9B%B8%E9%81%B8%E8%AE%80-clean-architecture-detail-dcbea616b767?source=collection_home---4------11-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*hr3FN1vbLeOVOsC9vCjgkQ.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[好書選讀] Clean Architecture: Detail"},{"@context":"http://schema.org","@type":"Article","name":"[Golang] Build A Simple Web Service part.1 — HTTP/net & multiplexer","mainEntityOfPage":{"@type":"WebPage","@id":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-1-http-net-multiplexer-dfa6793fda8e?source=collection_home---4------7-----------------------"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2018-12-29T00:00:00Z","dateModified":"2018-12-29T00:00:00Z","url":"https://medium.com/a-layman/golang-build-a-simple-web-service-part-1-http-net-multiplexer-dfa6793fda8e?source=collection_home---4------7-----------------------","image":"https://cdn-images-1.medium.com/max/800/1*bG0Q58zgGmwyIqZdBuTUqw.jpeg","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"[Golang] Build A Simple Web Service part.1 — HTTP/net & multiplexer"},{"@context":"http://schema.org","@type":"Article","name":"Day 56 of #100DaysOfCode: Avoid useless re-rendering with React.memo for the customized hooks","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-56-of-100daysofcode-avoid-useless-re-rendering-with-react-memo-for-the-customized-hooks-3m13"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2021-01-28T00:00:00Z","dateModified":"2021-01-28T00:00:00Z","url":"https://dev.to/jenhsuan/day-56-of-100daysofcode-avoid-useless-re-rendering-with-react-memo-for-the-customized-hooks-3m13","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--dn_YJ69T--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/kykkmf89eatnmexi0mc4.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 56 of #100DaysOfCode: Avoid useless re-rendering with React.memo for the customized hooks"},{"@context":"http://schema.org","@type":"Article","name":"Day 55 of #100DaysOfCode: Learn Monkey C (Garmin Connect IQ)- Retrieve common data","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-55-of-100daysofcode-learn-monkey-c-garmin-connect-iq-retrieve-common-data-d5o"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2021-01-15T00:00:00Z","dateModified":"2021-01-15T00:00:00Z","url":"https://dev.to/jenhsuan/day-55-of-100daysofcode-learn-monkey-c-garmin-connect-iq-retrieve-common-data-d5o","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--EPIckcRr--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/ftd4d0jd4myrieewqc3s.jpeg","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 55 of #100DaysOfCode: Learn Monkey C (Garmin Connect IQ)- Retrieve common data"},{"@context":"http://schema.org","@type":"Article","name":"Day 54 of #100DaysOfCode: Review CSS- display","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-54-of-100daysofcode-review-css-position-1cl3"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-12-31T00:00:00Z","dateModified":"2020-12-31T00:00:00Z","url":"https://dev.to/jenhsuan/day-54-of-100daysofcode-review-css-position-1cl3","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--vJeAD9xv--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/qt71yb5lcgcnlxprytnt.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 54 of #100DaysOfCode: Review CSS- display"},{"@context":"http://schema.org","@type":"Article","name":"Day 53 of #100DaysOfCode: How to Publish an npx Command to Improve productivity?","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-53-of-100daysofcode-how-to-publish-an-npx-command-to-improve-productivity-130g"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-12-19T00:00:00Z","dateModified":"2020-12-19T00:00:00Z","url":"https://dev.to/jenhsuan/day-53-of-100daysofcode-how-to-publish-an-npx-command-to-improve-productivity-130g","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--bbgsAWAO--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/7heu588gzz2oyl6zy3im.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 53 of #100DaysOfCode: How to Publish an npx Command to Improve productivity?"},{"@context":"http://schema.org","@type":"Article","name":"Day 52 of #100DaysOfCode: Root component of Next.js: custom App","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-52-of-100daysofcode-root-component-of-next-js-custom-app-4p3j"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-12-18T00:00:00Z","dateModified":"2020-12-18T00:00:00Z","url":"https://dev.to/jenhsuan/day-52-of-100daysofcode-root-component-of-next-js-custom-app-4p3j","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--Bbe-SWJH--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/egb7ue59c1ftj3o4sn8a.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 52 of #100DaysOfCode: Root component of Next.js: custom App"},{"@context":"http://schema.org","@type":"Article","name":"Day 51 of #100DaysOfCode: Create the Chrome Extension to Improve Productivity for bloggers","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-51-of-100daysofcode-create-the-chrome-extension-to-improve-productivity-for-bloggers-3p71"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-30T00:00:00Z","dateModified":"2020-11-30T00:00:00Z","url":"https://dev.to/jenhsuan/day-51-of-100daysofcode-create-the-chrome-extension-to-improve-productivity-for-bloggers-3p71","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--Qd6-gMKs--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/pekn9maf7pxpc5dqwmcb.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 51 of #100DaysOfCode: Create the Chrome Extension to Improve Productivity for bloggers"},{"@context":"http://schema.org","@type":"Article","name":"Day 50 of #100DaysOfCode: General strategies for optimizing critical render path","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-50-of-100daysofcode-general-strategies-for-optimizing-critical-render-path-595"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-23T00:00:00Z","dateModified":"2020-11-23T00:00:00Z","url":"https://dev.to/jenhsuan/day-50-of-100daysofcode-general-strategies-for-optimizing-critical-render-path-595","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--5-wVmNJb--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/05yrz3r5u6hjydwgcb7o.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 50 of #100DaysOfCode: General strategies for optimizing critical render path"},{"@context":"http://schema.org","@type":"Article","name":"Day 49 of #100DaysOfCode: Review session-based authentication and token-based authentication","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-49-of-100daysofcode-review-session-based-authentication-and-token-based-authentication-1cnj"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-20T00:00:00Z","dateModified":"2020-11-20T00:00:00Z","url":"https://dev.to/jenhsuan/day-49-of-100daysofcode-review-session-based-authentication-and-token-based-authentication-1cnj","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--fYDql42e--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/swq4p8riavy0fjm3x4t9.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 49 of #100DaysOfCode: Review session-based authentication and token-based authentication"},{"@context":"http://schema.org","@type":"Article","name":"Day 48 of #100DaysOfCode: Dependency Injection in ASP.NET MVC5 using Ninject","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-48-of-100daysofcode-dependency-injection-in-asp-net-mvc5-using-ninject-109i"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-18T00:00:00Z","dateModified":"2020-11-18T00:00:00Z","url":"https://dev.to/jenhsuan/day-48-of-100daysofcode-dependency-injection-in-asp-net-mvc5-using-ninject-109i","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--3On40l1h--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/qywrwgkcv5zdulkgmtzs.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 48 of #100DaysOfCode: Dependency Injection in ASP.NET MVC5 using Ninject"},{"@context":"http://schema.org","@type":"Article","name":"Day 47 of #100DaysOfCode:Review ES6 Generators & Iterators","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-47-of-100daysofcode-review-es6-generators-iterators-197"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-17T00:00:00Z","dateModified":"2020-11-17T00:00:00Z","url":"https://dev.to/jenhsuan/day-47-of-100daysofcode-review-es6-generators-iterators-197","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--If0YpA7S--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/ve7zt8t5p1j3kev53t6e.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 47 of #100DaysOfCode:Review ES6 Generators & Iterators"},{"@context":"http://schema.org","@type":"Article","name":"Day 46 of #100DaysOfCode: Images Lazy Loading with IntersectionObserver and React Hooks","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-46-of-100daysofcode-images-lazy-loading-with-intersectionobserver-and-react-hooks-196"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-16T00:00:00Z","dateModified":"2020-11-16T00:00:00Z","url":"https://dev.to/jenhsuan/day-46-of-100daysofcode-images-lazy-loading-with-intersectionobserver-and-react-hooks-196","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--9TyxVEDf--/c_imagga_scale,f_auto,fl_progressive,h_420,q_66,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/h5qey9m5hz3smi37as7t.gif","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 46 of #100DaysOfCode: Images Lazy Loading with IntersectionObserver and React Hooks"},{"@context":"http://schema.org","@type":"Article","name":"Day 45 of #100DaysOfCode: Python Web Crawler for Beginners: Parse Data from the Static Website","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-45-of-100daysofcode-python-web-crawler-for-beginners-parse-data-from-the-static-website-1ei4"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-08T00:00:00Z","dateModified":"2020-11-08T00:00:00Z","url":"https://dev.to/jenhsuan/day-45-of-100daysofcode-python-web-crawler-for-beginners-parse-data-from-the-static-website-1ei4","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--1q6rKeNn--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/xk8jmonm6uj4ejtysd64.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Day 45 of #100DaysOfCode: Python Web Crawler for Beginners: Parse Data from the Static Website"},{"@context":"http://schema.org","@type":"Article","name":" Day 44 of #100DaysOfCode: Use Electron-packager to generate a Window installer for the Node.js application ","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-44-of-100daysofcode-use-electron-packager-to-generate-a-window-installer-for-the-node-js-application-4cmm"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-05T00:00:00Z","dateModified":"2020-11-05T00:00:00Z","url":"https://dev.to/jenhsuan/day-44-of-100daysofcode-use-electron-packager-to-generate-a-window-installer-for-the-node-js-application-4cmm","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--4Whdo5zD--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/3bhbhhrv0n5nqyxtwzq9.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 44 of #100DaysOfCode: Use Electron-packager to generate a Window installer for the Node.js application "},{"@context":"http://schema.org","@type":"Article","name":" Day 43 of #100DaysOfCode: Review how to use async/await for the Promise (ES7)","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-43-of-100daysofcode-review-how-to-use-async-await-for-the-promise-es7-1jpe"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-03T00:00:00Z","dateModified":"2020-11-03T00:00:00Z","url":"https://dev.to/jenhsuan/day-43-of-100daysofcode-review-how-to-use-async-await-for-the-promise-es7-1jpe","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--D9l3KZEv--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/112dyqj9y4f3x00jj5pr.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 43 of #100DaysOfCode: Review how to use async/await for the Promise (ES7)"},{"@context":"http://schema.org","@type":"Article","name":" Day 42 of #100DaysOfCode: Review Promise for JavaScript asynchronous calls","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-42-of-100daysofcode-review-promise-for-javascript-asynchronous-calls-2fam"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-02T00:00:00Z","dateModified":"2020-11-02T00:00:00Z","url":"https://dev.to/jenhsuan/day-42-of-100daysofcode-review-promise-for-javascript-asynchronous-calls-2fam","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--HBZ9iY02--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/ws0d5i08jrtfj38o6dua.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 42 of #100DaysOfCode: Review Promise for JavaScript asynchronous calls"},{"@context":"http://schema.org","@type":"Article","name":" Day 41 of #100DaysOfCode: Turn the Next.js/Django Website to the Desktop app and Generate Windows/macOS Installers","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-41-of-100daysofcode-turn-the-next-js-django-website-to-the-desktop-app-and-generate-windows-macos-installers-36n6"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-11-01T00:00:00Z","dateModified":"2020-11-01T00:00:00Z","url":"https://dev.to/jenhsuan/day-41-of-100daysofcode-turn-the-next-js-django-website-to-the-desktop-app-and-generate-windows-macos-installers-36n6","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--E-usrCoC--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/6ocnuh2xb5lq6i4yncth.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 41 of #100DaysOfCode: Turn the Next.js/Django Website to the Desktop app and Generate Windows/macOS Installers"},{"@context":"http://schema.org","@type":"Article","name":" Day 40 of #100DaysOfCode: Node.js Express Logging (Export and Rotate Files)","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-40-of-100daysofcode-node-js-express-logging-export-and-rotate-files-20jh"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-10-31T00:00:00Z","dateModified":"2020-10-31T00:00:00Z","url":"https://dev.to/jenhsuan/day-40-of-100daysofcode-node-js-express-logging-export-and-rotate-files-20jh","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--Vk9WXCLn--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/2693hv5wqkdhsua3znap.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 40 of #100DaysOfCode: Node.js Express Logging (Export and Rotate Files)"},{"@context":"http://schema.org","@type":"Article","name":" Day 39 of #100DaysOfCode: Two ways to generate the HTML file in Node.js Express","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-39-of-100daysofcode-two-ways-to-generate-the-html-file-in-node-js-express-d6c"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-10-27T00:00:00Z","dateModified":"2020-10-27T00:00:00Z","url":"https://dev.to/jenhsuan/day-39-of-100daysofcode-two-ways-to-generate-the-html-file-in-node-js-express-d6c","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--gX84MZCH--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/cs1u3yqwlzfglgfw2ums.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 39 of #100DaysOfCode: Two ways to generate the HTML file in Node.js Express"},{"@context":"http://schema.org","@type":"Article","name":" Day 38 of #100DaysOfCode: Turn the Next.js Website to PWA with Workbox","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-38-of-100daysofcode-turn-the-next-js-website-to-pwa-with-workbox-5gd5"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-10-25T00:00:00Z","dateModified":"2020-10-25T00:00:00Z","url":"https://dev.to/jenhsuan/day-38-of-100daysofcode-turn-the-next-js-website-to-pwa-with-workbox-5gd5","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--1bcFoONv--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/1gq2et2jma4pe1qrut0b.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 38 of #100DaysOfCode: Turn the Next.js Website to PWA with Workbox"},{"@context":"http://schema.org","@type":"Article","name":" Day 37 of #100DaysOfCode: PWA + SPA: initialize PWA on Create React App(CRA) ","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-37-of-100daysofcode-pwa-spa-initialize-pwa-on-create-react-app-cra-4mno"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-09-13T00:00:00Z","dateModified":"2020-09-13T00:00:00Z","url":"https://dev.to/jenhsuan/day-37-of-100daysofcode-pwa-spa-initialize-pwa-on-create-react-app-cra-4mno","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--bQ09YDb0--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/quacvj966l13vdca2ei7.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 37 of #100DaysOfCode: PWA + SPA: initialize PWA on Create React App(CRA) "},{"@context":"http://schema.org","@type":"Article","name":" Day 36 of #100DaysOfCode: The differences between Redux-thunk and Redux-saga","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-36-of-100daysofcode-the-differences-between-redux-think-and-redux-saga-3hjf"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-09-06T00:00:00Z","dateModified":"2020-09-06T00:00:00Z","url":"https://dev.to/jenhsuan/day-36-of-100daysofcode-the-differences-between-redux-think-and-redux-saga-3hjf","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--FRnl2C_5--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/zuii1iedxvnnnjq2edk9.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 36 of #100DaysOfCode: The differences between Redux-thunk and Redux-saga"},{"@context":"http://schema.org","@type":"Article","name":" Day 35 of #100DaysOfCode: Review HTTP Cache","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-35-of-100daysofcode-review-http-cache-3ka8"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-08-20T00:00:00Z","dateModified":"2020-08-20T00:00:00Z","url":"https://dev.to/jenhsuan/day-35-of-100daysofcode-review-http-cache-3ka8","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--wSTuG9CK--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/dvhuzgl2rjke2wllaomk.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 35 of #100DaysOfCode: Review HTTP Cache"},{"@context":"http://schema.org","@type":"Article","name":" Day 34 of #100DaysOfCode: Review CSS-Three ways to center the HTML element","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-34-of-100daysofcode-review-css-three-way3-to-center-the-html-element-266i"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-08-18T00:00:00Z","dateModified":"2020-08-18T00:00:00Z","url":"https://dev.to/jenhsuan/day-34-of-100daysofcode-review-css-three-way3-to-center-the-html-element-266i","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--YIS9bp8E--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/3avwcmfa5dr2dqm8zuos.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 34 of #100DaysOfCode: Review CSS-Three ways to center the HTML element"},{"@context":"http://schema.org","@type":"Article","name":" Day 33 of #100DaysOfCode: Review CORS","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-33-of-100daysofcode-review-cors-5hd6"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-08-17T00:00:00Z","dateModified":"2020-08-17T00:00:00Z","url":"https://dev.to/jenhsuan/day-33-of-100daysofcode-review-cors-5hd6","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--9PKSkS6_--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/r3rnrhegqyugosq84vk6.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 33 of #100DaysOfCode: Review CORS"},{"@context":"http://schema.org","@type":"Article","name":" Day 32 of #100DaysOfCode: The difference between CSR, SSR, Pre-rendering, and Static SSR","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-32-of-100daysofcode-the-difference-between-csr-ssr-pre-rendering-and-static-ssr-1f49"},"author":{"@type":"Person","name":"Jen-Hsuan Hsieh"},"datePublished":"2020-08-16T00:00:00Z","dateModified":"2020-08-16T00:00:00Z","url":"https://dev.to/jenhsuan/day-32-of-100daysofcode-the-difference-between-csr-ssr-pre-rendering-and-static-ssr-1f49","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--gTE-7-1P--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/d0jaajjhs16dbv3mlw02.png","publisher":{"@type":"Organization","name":"Jen-Hsuan Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 32 of #100DaysOfCode: The difference between CSR, SSR, Pre-rendering, and Static SSR"},{"@context":"http://schema.org","@type":"Article","name":" Day 31 of #100DaysOfCode:Review CSS-Position","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-31-of-100daysofcode-review-css-position-4ba5"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-08-15T00:00:00Z","dateModified":"2020-08-15T00:00:00Z","url":"https://dev.to/jenhsuan/day-31-of-100daysofcode-review-css-position-4ba5","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--oUw5kdvz--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/ciw07byni0krpahv8u0m.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 31 of #100DaysOfCode:Review CSS-Position"},{"@context":"http://schema.org","@type":"Article","name":" Day 30 of #100DaysOfCode: Refresh JWT in the HttpOnly cookie","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-30-of-100daysofcode-refresh-jwt-in-the-httponly-cookie-d9e"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-06-25T00:00:00Z","dateModified":"2020-06-25T00:00:00Z","url":"https://dev.to/jenhsuan/day-30-of-100daysofcode-refresh-jwt-in-the-httponly-cookie-d9e","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--qijY-won--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--XQu54IOo--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/h22hjirxuohnmmf16pck.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 30 of #100DaysOfCode: Refresh JWT in the HttpOnly cookie"},{"@context":"http://schema.org","@type":"Article","name":" Day 29 of #100DaysOfCode: store JWT to HttpOnly Cookie instead of the localStorage","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-29-of-100daysofcode-store-jwt-to-httponly-cookie-instead-of-the-localstorage-2eah"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-06-10T00:00:00Z","dateModified":"2020-06-10T00:00:00Z","url":"https://dev.to/jenhsuan/day-29-of-100daysofcode-store-jwt-to-httponly-cookie-instead-of-the-localstorage-2eah","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--to3hfiYz--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--Q_vpmlmq--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/qssbh103kg287tw6jzzi.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 29 of #100DaysOfCode: store JWT to HttpOnly Cookie instead of the localStorage"},{"@context":"http://schema.org","@type":"Article","name":" Day 28 of #100DaysOfCode: Create the Proxy for Next.js application","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-28-of-100daysofcode-create-the-proxy-for-next-js-application-28g7"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-06-07T00:00:00Z","dateModified":"2020-06-07T00:00:00Z","url":"https://dev.to/jenhsuan/day-28-of-100daysofcode-create-the-proxy-for-next-js-application-28g7","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--w9wHEi4S--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--ZB4ezAov--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/916wxpl4f9164mdzgp6t.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 28 of #100DaysOfCode: Create the Proxy for Next.js application"},{"@context":"http://schema.org","@type":"Article","name":" Day 27 of #100DaysOfCode: [OAuth2.0] integrate ReactJS and Django with Social login (Github)","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-27-of-100daysofcode-oauth2-0-integrate-reactjs-and-django-with-social-login-github-5jj"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-06-05T00:00:00Z","dateModified":"2020-06-05T00:00:00Z","url":"https://dev.to/jenhsuan/day-27-of-100daysofcode-oauth2-0-integrate-reactjs-and-django-with-social-login-github-5jj","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--IVl4_o1x--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--J90OEv1v--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/8065uwrabcuqu2dyw77i.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 27 of #100DaysOfCode: [OAuth2.0] integrate ReactJS and Django with Social login (Github)"},{"@context":"http://schema.org","@type":"Article","name":" Day 26 of #100DaysOfCode: [OAuth2.0] integrate ReactJS and Django with Social login (Facebook)","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-26-of-100daysofcode-oauth2-0-integrate-reactjs-and-django-with-social-login-facebook-3oj1"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-06-01T00:00:00Z","dateModified":"2020-06-01T00:00:00Z","url":"https://dev.to/jenhsuan/day-26-of-100daysofcode-oauth2-0-integrate-reactjs-and-django-with-social-login-facebook-3oj1","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--5UZboL1Z--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--4zwfQ24K--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/jjp8w556rk27s9u1xe16.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 26 of #100DaysOfCode: [OAuth2.0] integrate ReactJS and Django with Social login (Facebook)"},{"@context":"http://schema.org","@type":"Article","name":" Day 25 of #100DaysOfCode: Apply Pagination for React Components with Redux","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-25-of-100daysofcode-apply-pagination-for-react-components-with-redux-20id"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-31T00:00:00Z","dateModified":"2020-05-31T00:00:00Z","url":"https://dev.to/jenhsuan/day-25-of-100daysofcode-apply-pagination-for-react-components-with-redux-20id","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--2XUH0sId--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--EIR8FwhQ--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/o4nlg7eu8t9onh8fyk02.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 25 of #100DaysOfCode: Apply Pagination for React Components with Redux"},{"@context":"http://schema.org","@type":"Article","name":" Day 24 of #100DaysOfCode: Design the Prototype of the Website - Content Page and Shared Components ","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-24-of-100daysofcode-design-the-prototype-of-the-website-content-page-and-shared-components-2l71"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-30T00:00:00Z","dateModified":"2020-05-30T00:00:00Z","url":"https://dev.to/jenhsuan/day-24-of-100daysofcode-design-the-prototype-of-the-website-content-page-and-shared-components-2l71","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--tF-e6S2x--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--3i95MXvx--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/k403xftf2vqvk1hs79no.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 24 of #100DaysOfCode: Design the Prototype of the Website - Content Page and Shared Components "},{"@context":"http://schema.org","@type":"Article","name":" Day 23 of #100DaysOfCode: Create endpoints with query string on Django REST Framework","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-23-of-100daysofcode-create-endpoints-with-query-string-on-django-rest-framework-d5o"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-28T00:00:00Z","dateModified":"2020-05-28T00:00:00Z","url":"https://dev.to/jenhsuan/day-23-of-100daysofcode-create-endpoints-with-query-string-on-django-rest-framework-d5o","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--8YPxjbYt--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--Vmmq56-X--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/xi6xsvbprjnqnq1hlb6s.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 23 of #100DaysOfCode: Create endpoints with query string on Django REST Framework"},{"@context":"http://schema.org","@type":"Article","name":" Day 22 of #100DaysOfCode: Create Endpoints to Manipulate Resources for Django App","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-22-of-100daysofcode-create-endpoints-to-manipulate-resources-for-django-app-45c0"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-24T00:00:00Z","dateModified":"2020-05-24T00:00:00Z","url":"https://dev.to/jenhsuan/day-22-of-100daysofcode-create-endpoints-to-manipulate-resources-for-django-app-45c0","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--nHyidKJa--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--ZMdtt42T--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/ioywygqroosw7qk1f48w.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 22 of #100DaysOfCode: Create Endpoints to Manipulate Resources for Django App"},{"@context":"http://schema.org","@type":"Article","name":" Day 21 of #100DaysOfCode: integrate JWT with Django REST Framework","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-21-of-100daysofcode-integrate-jwt-with-django-rest-framework-d4e"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-23T00:00:00Z","dateModified":"2020-05-23T00:00:00Z","url":"https://dev.to/jenhsuan/day-21-of-100daysofcode-integrate-jwt-with-django-rest-framework-d4e","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--qU4KxtYq--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--9rwN__S0--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/h6r1zb4qx0898aqii7a5.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 21 of #100DaysOfCode: integrate JWT with Django REST Framework"},{"@context":"http://schema.org","@type":"Article","name":" Day 20 of #100DaysOfCode: Brainstorming for CS50W's final project","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-20-of-100daysofcode-brainstorming-for-cs50w-s-final-project-1pkb"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-20T00:00:00Z","dateModified":"2020-05-20T00:00:00Z","url":"https://dev.to/jenhsuan/day-20-of-100daysofcode-brainstorming-for-cs50w-s-final-project-1pkb","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--O4dcTRbH--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--1lJWXGo7--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/cl4uo65p45eqcu715rsj.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 20 of #100DaysOfCode: Brainstorming for CS50W's final project"},{"@context":"http://schema.org","@type":"Article","name":" Day 19 of #100DaysOfCode: Easy ways for editing HTML code to Improve SEO","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-19-of-100daysofcode-easy-ways-for-html-code-to-improve-seo-2h3o"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-18T00:00:00Z","dateModified":"2020-05-18T00:00:00Z","url":"https://dev.to/jenhsuan/day-19-of-100daysofcode-easy-ways-for-html-code-to-improve-seo-2h3o","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--CodzMkWJ--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--8uohzEqx--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/hzwjeqyuy3vaogy2vmjv.jpg","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 19 of #100DaysOfCode: Easy ways for editing HTML code to Improve SEO"},{"@context":"http://schema.org","@type":"Article","name":" Day 18 of #100DaysOfCode: Create Sitemap to Improve SEO","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-18-of-100daysofcode-create-sitemap-to-improve-seo-2li7"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-16T00:00:00Z","dateModified":"2020-05-16T00:00:00Z","url":"https://dev.to/jenhsuan/day-18-of-100daysofcode-create-sitemap-to-improve-seo-2li7","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--c_5b3AgG--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--y3XyoGrh--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/3iwsv9v4cbm3aw51bft7.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 18 of #100DaysOfCode: Create Sitemap to Improve SEO"},{"@context":"http://schema.org","@type":"Article","name":" Day 17 of #100DaysOfCode: apply structured data for AJAX data to improve SEO","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-17-of-100daysofcode-apply-structured-data-for-ajax-data-to-improve-seo-2gkg"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-14T00:00:00Z","dateModified":"2020-05-14T00:00:00Z","url":"https://dev.to/jenhsuan/day-17-of-100daysofcode-apply-structured-data-for-ajax-data-to-improve-seo-2gkg","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--aSagn9DE--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--VuymblOc--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/hull6uear7v27l85i2ui.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 17 of #100DaysOfCode: apply structured data for AJAX data to improve SEO"},{"@context":"http://schema.org","@type":"Article","name":" Day 16 of #100DaysOfCode: Design a Layout for Articles with Bootstrap Card","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-16-of-100daysofcode-design-a-layout-for-articles-with-bootstrap-card-143l"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-11T00:00:00Z","dateModified":"2020-05-11T00:00:00Z","url":"https://dev.to/jenhsuan/day-16-of-100daysofcode-design-a-layout-for-articles-with-bootstrap-card-143l","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--CoFqBTuj--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--g4hDmahu--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/qk500l5pwpj441ghjnlw.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 16 of #100DaysOfCode: Design a Layout for Articles with Bootstrap Card"},{"@context":"http://schema.org","@type":"Article","name":" Day 15 of #100DaysOfCode: TypeScript + CRA + Redux (use useSelect and useDispatch instead of connect)","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-15-of-100daysofcode-typescript-redux-use-useselect-and-usedispatch-instead-of-connect-4plh"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-10T00:00:00Z","dateModified":"2020-05-10T00:00:00Z","url":"https://dev.to/jenhsuan/day-15-of-100daysofcode-typescript-redux-use-useselect-and-usedispatch-instead-of-connect-4plh","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--mVCU0tDh--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--M83ekowO--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/hon8f9hmxjkt2szzp9bk.jpg","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 15 of #100DaysOfCode: TypeScript + CRA + Redux (use useSelect and useDispatch instead of connect)"},{"@context":"http://schema.org","@type":"Article","name":" Day 14 of #100DaysOfCode: Redux (use useSelect and useDispatch instead of connect)","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-14-of-100daysofcode-redux-use-useselect-and-usedispatch-instead-of-connect-3cmc"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-09T00:00:00Z","dateModified":"2020-05-09T00:00:00Z","url":"https://dev.to/jenhsuan/day-14-of-100daysofcode-redux-use-useselect-and-usedispatch-instead-of-connect-3cmc","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--TmFk0n2L--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--KK9VlumJ--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/c860yw38fw4ns98vrc00.jpg","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 14 of #100DaysOfCode: Redux (use useSelect and useDispatch instead of connect)"},{"@context":"http://schema.org","@type":"Article","name":" Day 13 of #100DaysOfCode: The differences between React hooks + Context APIs and Redux","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-13-of-100daysofcode-the-differences-between-react-hooks-context-apis-and-redux-186d"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-07T00:00:00Z","dateModified":"2020-05-07T00:00:00Z","url":"https://dev.to/jenhsuan/day-13-of-100daysofcode-the-differences-between-react-hooks-context-apis-and-redux-186d","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--QOwblRao--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--GipkXVca--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/i10cma24ofxuevlsv4ht.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 13 of #100DaysOfCode: The differences between React hooks + Context APIs and Redux"},{"@context":"http://schema.org","@type":"Article","name":" Day 12 of #100DaysOfCode: Create a ReactJS global states manager from Redux","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-11-of-100daysofcode-create-a-reactjs-global-states-manager-redux-5hmn"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-06T00:00:00Z","dateModified":"2020-05-06T00:00:00Z","url":"https://dev.to/jenhsuan/day-11-of-100daysofcode-create-a-reactjs-global-states-manager-redux-5hmn","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--O-ys3Crf--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--2O8b-yxN--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/iph5f2x4o93cdim9pegs.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 12 of #100DaysOfCode: Create a ReactJS global states manager from Redux"},{"@context":"http://schema.org","@type":"Article","name":" Day 11 of #100DaysOfCode: The basis of Next.js - Pages, Link, and Meta","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-10-of-100daysofcode-the-basis-of-next-js-pages-link-and-meta-37pl"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-05T00:00:00Z","dateModified":"2020-05-05T00:00:00Z","url":"https://dev.to/jenhsuan/day-10-of-100daysofcode-the-basis-of-next-js-pages-link-and-meta-37pl","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--5Fhyzszy--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--ZIoKQpB7--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/rjcafvovctihg00aihmy.jpg","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 11 of #100DaysOfCode: The basis of Next.js - Pages, Link, and Meta"},{"@context":"http://schema.org","@type":"Article","name":" Day 10 of #100DaysOfCode: Learn Monkey C- create a menu for CIQ application","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-10-of-100daysofcode-learn-monkey-c-create-a-menu-for-ciq-application-2dc9"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-04T00:00:00Z","dateModified":"2020-05-04T00:00:00Z","url":"https://dev.to/jenhsuan/day-10-of-100daysofcode-learn-monkey-c-create-a-menu-for-ciq-application-2dc9","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--ta-y2qpp--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--u51yAzo9--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/82efo37bcfhzsy540agi.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 10 of #100DaysOfCode: Learn Monkey C- create a menu for CIQ application"},{"@context":"http://schema.org","@type":"Article","name":" Day 9 of #100DaysOfCode: engage CI for building and validation with Travis-CI","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-9-of-100daysofcode-engage-ci-for-building-and-validation-with-travis-ci-29j7"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-03T00:00:00Z","dateModified":"2020-05-03T00:00:00Z","url":"https://dev.to/jenhsuan/day-9-of-100daysofcode-engage-ci-for-building-and-validation-with-travis-ci-29j7","image":"https://res.cloudinary.com/practicaldev/image/fetch/s---fPIFvp---/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--rX8iVrEr--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/ko6qdx6hiets5facat6n.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 9 of #100DaysOfCode: engage CI for building and validation with Travis-CI"},{"@context":"http://schema.org","@type":"Article","name":" Day 8 of #100DaysOfCode: The relationship between bundle, chunk, and modules for Webpack?","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-8-of-100daysofcode-the-relationship-between-bundle-chunk-and-modules-for-webpack-3hni"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-02T00:00:00Z","dateModified":"2020-05-02T00:00:00Z","url":"https://dev.to/jenhsuan/day-8-of-100daysofcode-the-relationship-between-bundle-chunk-and-modules-for-webpack-3hni","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--gLp2U5EP--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--V8aCJKCW--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/l5xnl9ozaxovv46xbo9r.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 8 of #100DaysOfCode: The relationship between bundle, chunk, and modules for Webpack?"},{"@context":"http://schema.org","@type":"Article","name":" Day 7 of #100DaysOfCode: Learn Jest to test React components","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-7-of-100daysofcode-learn-jest-to-test-react-components-32pj"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-05-01T00:00:00Z","dateModified":"2020-05-01T00:00:00Z","url":"https://dev.to/jenhsuan/day-7-of-100daysofcode-learn-jest-to-test-react-components-32pj","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--n5_ldGK7--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--2rOVghHF--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/fijeslszyuglwzelo87w.jpg","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 7 of #100DaysOfCode: Learn Jest to test React components"},{"@context":"http://schema.org","@type":"Article","name":" Day 6 of #100DaysOfCode: Deploy Django application to Heroku and migrate PostgreSQL","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-6-of-100daysofcode-deploy-django-application-to-heroku-and-migrate-postgresql-4ngd"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-04-30T00:00:00Z","dateModified":"2020-04-30T00:00:00Z","url":"https://dev.to/jenhsuan/day-6-of-100daysofcode-deploy-django-application-to-heroku-and-migrate-postgresql-4ngd","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--RHgoD6Yf--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--l8RWU521--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/usi3pk09k0jk0sv12qld.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 6 of #100DaysOfCode: Deploy Django application to Heroku and migrate PostgreSQL"},{"@context":"http://schema.org","@type":"Article","name":" Day 5 of #100DaysOfCode: Connect React App with Django App","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-5-of-100daysofcode-connect-react-app-with-django-app-3b3e"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-04-29T00:00:00Z","dateModified":"2020-04-29T00:00:00Z","url":"https://dev.to/jenhsuan/day-5-of-100daysofcode-connect-react-app-with-django-app-3b3e","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--o7l3VMgU--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--fe3b6ebt--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/iyd6nfmyanlo1rt4evwi.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 5 of #100DaysOfCode: Connect React App with Django App"},{"@context":"http://schema.org","@type":"Article","name":" Day 4 of #100DaysOfCode: Scroll event handling and localStorage for React component","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-4-of-100daysofcode-scroll-event-handling-and-localstorage-for-react-component-4lnl"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-04-28T00:00:00Z","dateModified":"2020-04-28T00:00:00Z","url":"https://dev.to/jenhsuan/day-4-of-100daysofcode-scroll-event-handling-and-localstorage-for-react-component-4lnl","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--KKsOsAtF--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--yM57lo3N--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/19whyc1nqbkhnafy9fmd.gif","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 4 of #100DaysOfCode: Scroll event handling and localStorage for React component"},{"@context":"http://schema.org","@type":"Article","name":" Day 3 of #100DaysOfCode: Create transitions with React-transition-group","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-3-of-100daysofcode-create-transitions-with-react-transition-group-4jnb"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-04-27T00:00:00Z","dateModified":"2020-04-27T00:00:00Z","url":"https://dev.to/jenhsuan/day-3-of-100daysofcode-create-transitions-with-react-transition-group-4jnb","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--BRlorKIn--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--uvOJaBQ7--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/9g4nnmhyjtcxqylziqsw.gif","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 3 of #100DaysOfCode: Create transitions with React-transition-group"},{"@context":"http://schema.org","@type":"Article","name":" Day 2 of #100DaysOfCode: Create a ReactJS global states manager with React hooks","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-2-of-100daysofcode-create-a-reactjs-global-states-manager-with-react-hooks-3c4b"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-04-25T00:00:00Z","dateModified":"2020-04-25T00:00:00Z","url":"https://dev.to/jenhsuan/day-2-of-100daysofcode-create-a-reactjs-global-states-manager-with-react-hooks-3c4b","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--yFSw3WZm--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://res.cloudinary.com/practicaldev/image/fetch/s--5KZ-X9WZ--/c_imagga_scale%2Cf_auto%2Cfl_progressive%2Ch_420%2Cq_auto%2Cw_1000/https://dev-to-uploads.s3.amazonaws.com/i/r1ej3n8uwqln8oyfunbi.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 2 of #100DaysOfCode: Create a ReactJS global states manager with React hooks"},{"@context":"http://schema.org","@type":"Article","name":" Day 1 of #100DaysOfCode: Design a layout for shopping cart template with CSS grid and Media query","mainEntityOfPage":{"@type":"WebPage","@id":"https://dev.to/jenhsuan/day-1-of-100daysofcode-design-a-layout-for-shopping-cart-template-with-css-grid-and-media-query-2hfn"},"author":{"@type":"Person","name":"Sean Hsieh"},"datePublished":"2020-04-24T00:00:00Z","dateModified":"2020-04-24T00:00:00Z","url":"https://dev.to/jenhsuan/day-1-of-100daysofcode-design-a-layout-for-shopping-cart-template-with-css-grid-and-media-query-2hfn","image":"https://res.cloudinary.com/practicaldev/image/fetch/s--x4Wv4yh---/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/caghxuwao98jki44sn53.png","publisher":{"@type":"Organization","name":"Sean Hsieh","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":" Day 1 of #100DaysOfCode: Design a layout for shopping cart template with CSS grid and Media query"},{"@context":"http://schema.org","@type":"Article","name":"npm package: react-ui-gauge-component","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.npmjs.com/package/react-ui-gauge-component"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-11-14T00:00:00Z","dateModified":"2020-11-14T00:00:00Z","url":"https://www.npmjs.com/package/react-ui-gauge-component","image":"https://raw.githubusercontent.com/JenHsuan/react-gauge-component/master/demo/screen-shot.gif","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"npm package: react-ui-gauge-component"},{"@context":"http://schema.org","@type":"Article","name":"npm package: create-nrs-web","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.npmjs.com/package/create-nrs-web"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-11-01T00:00:00Z","dateModified":"2020-11-01T00:00:00Z","url":"https://www.npmjs.com/package/create-nrs-web","image":"https://miro.medium.com/max/2640/1*pEdkwWRPMtGc6_pnHzmDzw.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"npm package: create-nrs-web"},{"@context":"http://schema.org","@type":"Article","name":"npm package: use-react-monitor","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.npmjs.com/package/use-react-monitor"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-10-21T00:00:00Z","dateModified":"2020-10-21T00:00:00Z","url":"https://www.npmjs.com/package/use-react-monitor","image":"https://raw.githubusercontent.com/JenHsuan/use-monitor-hook/master/demo/screen-shot.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"npm package: use-react-monitor"},{"@context":"http://schema.org","@type":"Article","name":"Daily Learning APP","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily-learning.herokuapp.com/"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-10-01T00:00:00Z","dateModified":"2020-10-01T00:00:00Z","url":"https://daily-learning.herokuapp.com/","image":"https://jenhsuan.github.io/ALayman/views/images/dailylearning.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Daily Learning APP"},{"@context":"http://schema.org","@type":"Article","name":"Daily Learning Twitter bot","mainEntityOfPage":{"@type":"WebPage","@id":"https://twitter.com/ALayman84368087"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-09-01T00:00:00Z","dateModified":"2020-09-01T00:00:00Z","url":"https://twitter.com/ALayman84368087","image":"https://miro.medium.com/max/2640/1*u_Svq97XA1cdcp6sXwMt3g.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Daily Learning Twitter bot"},{"@context":"http://schema.org","@type":"Article","name":"Book Discovery","mainEntityOfPage":{"@type":"WebPage","@id":"https://book-manager2020.herokuapp.com/"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-06-18T00:00:00Z","dateModified":"2020-06-18T00:00:00Z","url":"https://book-manager2020.herokuapp.com/","image":"https://jenhsuan.github.io/ALayman/views/images/bookdiscovery.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Book Discovery"},{"@context":"http://schema.org","@type":"Article","name":"Markdown Clipboard Chrome extension","mainEntityOfPage":{"@type":"WebPage","@id":"https://chrome.google.com/webstore/detail/markdown-clipboard/ogoefibjphnddpjkpddnmlmecdmjbfce"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-05-01T00:00:00Z","dateModified":"2020-05-01T00:00:00Z","url":"https://chrome.google.com/webstore/detail/markdown-clipboard/ogoefibjphnddpjkpddnmlmecdmjbfce","image":"https://lh3.googleusercontent.com/S1jste5l93V2kziy_79CUSVwDlc2kM-ORDFe3tp2ajEQa2nDNkFoz08eEFdjmB3LB_rK7LiseJSVquMt0dCHJ0WBzpQ=w640-h400-e365-rj-sc0x00ffffff","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Markdown Clipboard Chrome extension"},{"@context":"http://schema.org","@type":"Article","name":"AnonymousChat","mainEntityOfPage":{"@type":"WebPage","@id":"https://anonymous-chat2020.herokuapp.com/"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-04-15T00:00:00Z","dateModified":"2020-04-15T00:00:00Z","url":"https://anonymous-chat2020.herokuapp.com/","image":"https://jenhsuan.github.io/ALayman/views/images/chat.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"AnonymousChat"},{"@context":"http://schema.org","@type":"Article","name":"React Shopping cart template","mainEntityOfPage":{"@type":"WebPage","@id":"https://shoppingcart-react.herokuapp.com/"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-02-20T00:00:00Z","dateModified":"2020-02-20T00:00:00Z","url":"https://shoppingcart-react.herokuapp.com/","image":"https://jenhsuan.github.io/ALayman/views/images/shoppincart.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"React Shopping cart template"},{"@context":"http://schema.org","@type":"Article","name":"Sean HS 's Web Resume","mainEntityOfPage":{"@type":"WebPage","@id":"https://jenhsuan.github.io/ALayman/cover.html"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2020-01-12T00:00:00Z","dateModified":"2020-01-12T00:00:00Z","url":"https://jenhsuan.github.io/ALayman/cover.html","image":"https://jenhsuan.github.io/ALayman/views/images/resume2020.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Sean HS 's Web Resume"},{"@context":"http://schema.org","@type":"Article","name":"Project forest","mainEntityOfPage":{"@type":"WebPage","@id":"https://jenhsuan.github.io/projectForest/vrDemo.html"},"author":{"@type":"Person","name":"Sean HS"},"datePublished":"2017-01-02T00:00:00Z","dateModified":"2017-01-02T00:00:00Z","url":"https://jenhsuan.github.io/projectForest/vrDemo.html","image":"https://jenhsuan.github.io/ALayman/views/images/projectForest.png","publisher":{"@type":"Organization","name":"Sean HS","logo":{"@type":"ImageObject","url":"https://raw.githubusercontent.com/JenHsuan/ALayman/master/views/images/alaymanicon.png"}},"headline":"Project forest"}]