Tutorial

Tutorial Node.js, Angular, React, Jekyll

8102. Setting up Personal Website on GitLab Pages
8102. Setting up Personal Website on GitLab...

Introduce how to setup Jekyll website on GitLab Pages.

8103. Setting up Jekyll on Ubuntu and macOS
8103. Setting up Jekyll on Ubuntu and macOS

Setup Jekyll on Ubuntu and macOS.

  • Comments
  • |
  • GitHub Pages, Jekyll, Ruby, macOS
  • |
8105. Cannot Start Jekyll at Specific Port
8105. Cannot Start Jekyll at Specific Port

Handle error ‘Address Already in Use’ when starting Jekyll.

8111. Jekyll - Liquid
8111. Jekyll - Liquid

Useful tricks of Liquid, which are used in Jekyll.

8115. Jekyll - Google Analytics - Draft
8115. Jekyll - Google Analytics - Draft

Use Google Analytics to track website traffic.

8116. Jekyll - Comments with Disqus
8116. Jekyll - Comments with Disqus

Use Disqus to enable reader to comment on Jekyll site.

8117. Jekyll - Social Share Buttons
8117. Jekyll - Social Share Buttons

Create share buttons for the most popular social medias.

8121. Jekyll - Progress Bar
8121. Jekyll - Progress Bar

Show progress bar when page is loading.

8122. Jekyll - Pagination
8122. Jekyll - Pagination

Add pagination buttons for every page.

8123. Jekyll - Highlighting
8123. Jekyll - Highlighting

Highlighting with highlight.js.

  • Comments
  • |
  • Highlighting, highlight.js
  • |
8126. Jekyll - Math Symbols with MathJax
8126. Jekyll - Math Symbols with MathJax

Display mathematical notation in web pages with MathJax.

8127. Jekyll - Diagram with Mermaid
8127. Jekyll - Diagram with Mermaid

Use Mermaid in Markdown to draw diagrams.

8131. Jekyll - SEO
8131. Jekyll - SEO

Optimize the website to improve the rankings.

8133. Jekyll - Security
8133. Jekyll - Security

Scan website security vulnerabilities and fix them.

8141. Continuously Deploy Jekyll Website to GitHub Pages with Travis-CI
8141. Continuously Deploy Jekyll Website to...

Start continuous integration with Travis CI for Jekyll website.

  • Comments
  • |
  • Jekyll, Github Pages, Travis CI
  • |
8142. Deploying Personal Website with Custom Domain
8142. Deploying Personal Website with Custo...

Setup personal website with Github page and custom domain.

8143. Deploying Jekyll Website to Netlify
8143. Deploying Jekyll Website to Netlify

Deploy static website built with Jekyll to Netlify.

8199. Personal Site
8199. Personal Site

Services/tools used for building personal site.

8201. Setting up WordPress in Docker
8201. Setting up WordPress in Docker

Setup WordPress in Docker on macOS.

8301. Angular - Getting Started with Angular CLI
8301. Angular - Getting Started with Angula...

Learn to use Angular CLI to develop single page application.

8302. Angular - TypeScript
8302. Angular - TypeScript

Introduction of TypeScript.

8303. Angular - HTTP and HttpClient - Draft
8303. Angular - HTTP and HttpClient - Draft

Learn how to use HttpClient module to communicate with external services in Angular application.

8304. Angular - Observable and Reactive Programming - Draft
8304. Angular - Observable and Reactive Pro...

Learn Observable and Reactive programs in Angular application.

8305. Angular - Zone.js - Draft
8305. Angular - Zone.js - Draft

Learn how Zone.js works for Angular application.

8311. Angular - Components
8311. Angular - Components

Learn to create and use components in Angular application.

8312. Angular - Components 2
8312. Angular - Components 2

Learn more advanced knowledge of components.

8313. Angular - Modules
8313. Angular - Modules

Learn to create and use modules in Angular application.

8314. Angular - Directives
8314. Angular - Directives

Learn to create and use directives in Angular application.

8315. Angular - Dependency Injection
8315. Angular - Dependency Injection

Learn Dependency Injection and how to use it in Angular application.

8316. Angular - Bootstrap
8316. Angular - Bootstrap

Learn to use Bootstrap in Angular application.

8317. Angular - Routes and Navigation
8317. Angular - Routes and Navigation

Learn to use routing for manipulating page navigation in Angular application.

8318. Angular - Forms
8318. Angular - Forms

Learn how to use Forms module in Angular application.

8319. Angular - Pipes
8319. Angular - Pipes

Learn how to create and use pipes in Angular application.

8331. Angular - Advanced Topics - Draft
8331. Angular - Advanced Topics - Draft

Learn the advanced topics in Angular application.

8332. Angular - Testing - Draft
8332. Angular - Testing - Draft

Learn how to write automation tests in Angular application.

8351. First Angular App
8351. First Angular App

Build web application with Angular4.

8352. Building CRUD Application With Angular
8352. Building CRUD Application With Angula...

Build web CRUD application with Angular and RESTful API.

8353. Creating Web App and RESTful API with MEAN Stack
8353. Creating Web App and RESTful API with...

Introduce how to setup a MEAN stack project with MongoDB, Express, Angular and Node.js.

  • Comments
  • |
  • MEAN, MongoDB, Express, Angular
  • |
8361. Building Web Application with Angular
8361. Building Web Application with Angular

Build Game Store app with Angular and Angular CLI.

8362. Deploying Game Store Angular App to Netlify
8362. Deploying Game Store Angular App to N...

Introduce how to deploy the Game Store(Angular) app to Netlify.

8363. Continuously Deploy Angular App to GitHub Pages using Travis-CI
8363. Continuously Deploy Angular App to Gi...

Introduce how to continuously deploy Game Store Angular app to GitHub Page with Travis-CI.

8364. Deploying Angular App to Heroku as Static Website
8364. Deploying Angular App to Heroku as St...

Introduce how to deploy Game Store Angular app to Heroku as static website.

8365. Deploying Angular App to Heroku with Express Server
8365. Deploying Angular App to Heroku with ...

Introduce how to deploy Game Store Angular app to Heroku and run in express server.

8366. Continuously Deploy Angular App to Heroku using Travis-CI
8366. Continuously Deploy Angular App to He...

Introduce how to continuously deploy Game Store Angular app to Heroku with Travis-CI.

8367. Fixing Issue when Deploying App to Heroku via Travis-CI
8367. Fixing Issue when Deploying App to He...

Fix the issue when deploying Text Compare Angular app to Heroku with Travis-CI.

8371. Building Online Text Compare Tool with Angular
8371. Building Online Text Compare Tool wit...

Tutorial for how to build a text compare tool with Angular.

8372. Deploying Text Compare Angular App to Docker
8372. Deploying Text Compare Angular App to...

Introduce how to deploy angular application to Docker.

8373. Deploying Text Compare Angular App to Netlify
8373. Deploying Text Compare Angular App to...

Introduce how to deploy angular application to Netlify.

8401. Getting Started with React
8401. Getting Started with React

Go through official React tutorial to build a hello world app.

8402. Basic Knowledge of React
8402. Basic Knowledge of React

Useful Knowledge for using ReactJS.

  • Comments
  • |
  • React, React Developer Tools
  • |
8403. Flux and Redux
8403. Flux and Redux

Introduction of Flux and Redux.

8451. Building Web Application with React
8451. Building Web Application with React

Build web application with ReactJS.

8453. React Router and Client Side Routing
8453. React Router and Client Side Routing

Introduce client side routing and how to fix the issue when using React Router.

  • Comments
  • |
  • Routing, CSR, Webpack, Nginx
  • |
8454. Deploying Game Store React App to Netlify
8454. Deploying Game Store React App to Net...

Introduce how to deploy React application to Netlify.

8455. Deploying Game Store React App to Azure with FTP
8455. Deploying Game Store React App to Azu...

Introduce how to use FileZilla to deploy React application as a static site on Azure.

8471. Introduction of Course Player
8471. Introduction of Course Player

Introduction of the course players used in DePaul University.

8472. Building Realtime Web Application with WebSocket
8472. Building Realtime Web Application wit...

Introduce how to use WebSocket to build a realtime web application.

  • Comments
  • |
  • WebSocket, Socket.IO, SignalR
  • |
8473. Building Realtime Application with SignalR
8473. Building Realtime Application with Si...

Build chat room and drawing application with SignalR.

  • Comments
  • |
  • Chat Room, Sketch Pad, SignalR
  • |
8476. Deploying Socket.IO App to Heroku
8476. Deploying Socket.IO App to Heroku

Introduce how to deploy course player app built with Socket.IO to Heroku.

8477. Deploying Socket.IO App to Azure
8477. Deploying Socket.IO App to Azure

Deploy the Course Player app built with Socket.IO from GitHub to Azure.

8478. Building Course Player with React and Socket.IO
8478. Building Course Player with React and...

Build a realtime course player with React and Socket.IO.

8479. Deploying React and Socket.IO App to Heroku
8479. Deploying React and Socket.IO App to ...

Introduce how to deploy a React and Socket.IO app to Heroku.

8480. Continuously Deploy React and Socket.IO App to Heroku with Travis-CI
8480. Continuously Deploy React and Socket....

Deploy the course player app built with React and Socket.IO to Heroku with Travis-CI.

8481. Creating Full Stack App with React and Node.js
8481. Creating Full Stack App with React an...

Introduce how to setup a full stack app project with React, Node.js, Express and Webpack.

  • Comments
  • |
  • React, Nodejs, Express, Webpack
  • |
8482. Building Online Code Editor with React and Express
8482. Building Online Code Editor with Reac...

Build an online code editor with React as front end and Express as back end.

8483. Building Online Chinese Dictionary with React and Express
8483. Building Online Chinese Dictionary wi...

Build an online code editor with React as front end and Express as back end.

8484. Deploying Full Stack React App to Heroku
8484. Deploying Full Stack React App to Her...

Introduce how to deploy Code Editor app built with React and Express to Heroku.

8485. Continuously Deploy Full Stack React App to Heroku and Netlify with Travis-CI
8485. Continuously Deploy Full Stack React ...

Introduce how to deploy Code Editor app to Heroku and Netlify with Travis-CI.

  • Comments
  • |
  • Heroku, Travis CI, Netlify
  • |
8486. Continuously Deploy Full Stack React App to Heroku with Travis-CI
8486. Continuously Deploy Full Stack React ...

Introduce how to deploy Code Editor app to Heroku with Travis-CI.

8501. Mobile App Development
8501. Mobile App Development

Introduce the major ways to create mobile apps.

  • Comments
  • |
  • iOS, Android, Cordova, Xamarin
  • |
8511. Building iOS App with Xcode
8511. Building iOS App with Xcode

Tutorial for how to develop iOS App with Xcode on Mac.

8521. Setting up Android Development Environment on Mac
8521. Setting up Android Development Enviro...

Introduce how to setup Android development environment on Mac.

  • Comments
  • |
  • Android Studio, Genymotion, JDK
  • |
8522. Building Android App with Android Studio
8522. Building Android App with Android Stu...

Tutorial for how to develop Android App with Android Studio on Mac.

  • Comments
  • |
  • Android, Android Studio, SQLite
  • |
8532. Cross-platform Mobile Apps Development with Xamarin
8532. Cross-platform Mobile Apps Developmen...

Introduce how to setup mobile development environment with Xamarin on Mac.

  • Comments
  • |
  • Xamarin, Visual Studio, Mono, Xcode
  • |
8533. Building iOS App with Xamarin
8533. Building iOS App with Xamarin

Tutorial for how to build iOS App with Xamarin and C#.

  • Comments
  • |
  • Xamarin, Xcode, SQLite, C#
  • |
8534. Building Android App with Xamarin
8534. Building Android App with Xamarin

Tutorial for how to build Android App with Xamarin and C#.

  • Comments
  • |
  • Xamarin, Android, SQLite, C#
  • |
8535. Building Course Player with Xamarin
8535. Building Course Player with Xamarin

Build an iOS Course Player app with Xamarin and C#.

8541. Installing and Using Cordova on macOS
8541. Installing and Using Cordova on macOS

Tutorial for how to install and use Cordova for hybrid mobile development.

8601. Micro Service & RESTful API[Draft]
8601. Micro Service & RESTful API[Draft...

Setup a dummy server to provide fake data as RESTful APIs.

8611. Creating RESTful API with Dummy Server
8611. Creating RESTful API with Dummy Serve...

Setup a dummy server to provide fake data as RESTful APIs.

8612. Building RESTful API with ASP.NET Core
8612. Building RESTful API with ASP.NET Cor...

Create Restful Web Service with ASP.NET Core for Angular/ReactJS App to consume.

  • Comments
  • |
  • ASP.NET Core, RESTful, WebAPI 2.0
  • |
8614. Deploying ASP.NET RESTful API to Azure
8614. Deploying ASP.NET RESTful API to Azur...

Deploy the RESTful API built with ASP.NET Core to Azure.

8621. Creating RESTful Web Services with Spring Boot
8621. Creating RESTful Web Services with Sp...

Build RESTful Web Service with Spring Boot and Maven in Java.

  • Comments
  • |
  • Spring Boot, RESTful, Maven
  • |
8622. Building RESTful API with Spring Boot
8622. Building RESTful API with Spring Boot

Create Restful Web Service with Spring Boot for Angular/ReactJS App to consume.

  • Comments
  • |
  • Spring Boot, RESTful, Maven
  • |
8623. Deploying Spring Boot RESTful API to Heroku
8623. Deploying Spring Boot RESTful API to ...

Deploy the RESTful API built with Spring Boot to Heroku.

8624. Continuously Deploy Spring Boot App to Heroku with Travis-CI
8624. Continuously Deploy Spring Boot App t...

Introduce how to deploy Spring Boot RESTful API to Heroku with Travis-CI.

8631. Building RESTful API with Express And MongoDB
8631. Building RESTful API with Express And...

Introduce how to create RESTful Web Service with Express and MongoDB.

  • Comments
  • |
  • RESTful, Express, MongoDB
  • |
8632. Creating RESTful Web Services with Jersey
8632. Creating RESTful Web Services with Je...

Build RESTful web services with Jersey in Java.

8701. Installing Node.js and NPM
8701. Installing Node.js and NPM

Tutorial for how to install Node.js and npm on Ubuntu and Mac.

8702. Using Node.js and NPM
8702. Using Node.js and NPM

Use npm to manage packages for node.js application.

8703. Using Yarn to Manage Packages
8703. Using Yarn to Manage Packages

Introduce how to use Yarn for fast, reliable, and secure dependency management.

8704. Security Vulnerability of Dependencies for Node.js App
8704. Security Vulnerability of Dependencie...

Tutorial for remove security vulnerabilities for node js apps.

8711. Creating Http Server with Node.js
8711. Creating Http Server with Node.js

Tutorial for how to create web applications through Node.js.

8712. Running C and Java in Node.js
8712. Running C and Java in Node.js

Introduce how to compile and run c program and java application in Node.js.

8713. Calling spawn with Arguments[Draft]
8713. Calling spawn with Arguments[Draft]

Tutorial for how to use environment variables in Node.js.

8715. Building Socket.IO Application with ExpressJS[Draft]
8715. Building Socket.IO Application with E...

Tutorial for how to create web application with Socket.IO and ExpressJs.

8721. Hosting Node.js Application in Docker[Draft]
8721. Hosting Node.js Application in Docker...

Tutorial for how to create docker image for Node.js and host node.js application in docker container.

8725. Deploying Node.js Application to Amazon EC2
8725. Deploying Node.js Application to Amaz...

Introduce how to deploy Node.js application to Amazon Cloud Server, EC2.

  • Comments
  • |
  • Amazon EC2, Node.js, Putty
  • |
8731. Building Cross-platform Desktop Apps with Electron
8731. Building Cross-platform Desktop Apps ...

Tutorial for how to build cross-platform desktop apps with Electron and Node.js.

  • Comments
  • |
  • Electron, Node.js, Visual Studio Code
  • |
8732. Converting Web App to Desktop App with Electron
8732. Converting Web App to Desktop App wit...

Wrap a web application of game 2048 and convert it to desktop application.

8751. Getting Started with Express
8751. Getting Started with Express

Introduce how to setup web server with express in Node.js.

8752. Middleware
8752. Middleware

Introduce the middlewares used in express.

8753. Logging with Morgan
8753. Logging with Morgan

Introduce how to use Morgan for logging in express server.

8754. Logging with Winston
8754. Logging with Winston

Introduce how to use Winston for logging in express server.

8755. Combine Morgan & Winston
8755. Combine Morgan & Winston

Introduce how to combine Morgan and Winston for logging in express server.

8756. Express Routing
8756. Express Routing

Introduce how to implement server side routing for express.

8757. Template Engine
8757. Template Engine

Introduce how to use EJS as a templating engine for the Node and Express applications.

  • Comments
  • |
  • Express, Template Engine, EJS
  • |
8758. Express Security - Draft
8758. Express Security - Draft

Introduce how to build secure web application with express.

8759. Process Manager - Draft
8759. Process Manager - Draft

Introduce how to user PM2 to setup load balancer.

8760. Authenticating Users with Passport - Draft
8760. Authenticating Users with Passport - ...

Introduce how to implement authentication for web application hosted by express.

8761. Using Express to Serve Static Files
8761. Using Express to Serve Static Files

Introduce how to quickly setup a web server to serve static files (e.g. html files) with ExpressJS.

8764. Versioning RESTful API - Draft
8764. Versioning RESTful API - Draft

Introduce how to version RESTful APIs.

9001. Online Judge - Building Web App with MEAN Stack
9001. Online Judge - Building Web App with ...

Build online judge application with MEAN stack(MongoDB, Express, Angular and Node.js).

  • Comments
  • |
  • MEAN, Angular, Express, MongoDB
  • |
9002. Online Judge - Backend RESTful API Server
9002. Online Judge - Backend RESTful API Se...

Setup backend server for Online Judge app to host RESTful API services.

  • Comments
  • |
  • Express, MongoDB, Mongoose
  • |
9003. Online Judge - Frontend with Angular
9003. Online Judge - Frontend with Angular

Setup frontend UI for Online Judge app with Angular.

9011. Online Judge - User Authentication
9011. Online Judge - User Authentication

Introduce how to implement user authentication with token.

  • Comments
  • |
  • Sign Up, Login, Return URL
  • |
9012. Online Judge - Remember Me
9012. Online Judge - Remember Me

Introduce how to implement auto login in Angular application.

9013. Online Judge - Export Data
9013. Online Judge - Export Data

Introduce how to export data from MongoDB in Angular application.

9014. Online Judge - Import Data
9014. Online Judge - Import Data

Introduce how to upload data into MongoDB in Angular application.

9021. Online Judge - Rich Text Editor
9021. Online Judge - Rich Text Editor

Introduce how to use WYSIWYG(what you see is what you get) Editor: ngx-editor.

9022. Online Judge - Code Editor
9022. Online Judge - Code Editor

Introduce how to use Monaco Editor: ngx-monaco-editor for editing code.

9023. Online Judge - Progress Bar
9023. Online Judge - Progress Bar

Add progress bar for each http request call in Angular application.

9031. Online Judge - Judging System
9031. Online Judge - Judging System

Introduce how to build Judging System for this online judge app.

9032. Online Judge - Others
9032. Online Judge - Others

Build online judge application with MEAN stack(MongoDB, Express, Angular and Node.js).

  • Comments
  • |
  • MEAN, Angular, Express, MongoDB
  • |
9041. Online Judge - Deploying Full Stack Angular App to Heroku
9041. Online Judge - Deploying Full Stack A...

Deploy online judge app built with Angular and Express to Heroku.

9042. Online Judge - Continuously Deploy MEAN Stack App to Heroku and Netlify with Travis-CI
9042. Online Judge - Continuously Deploy ME...

Deploy online judge app built with Angular and Express to Heroku and Netlify with Travis-CI.

  • Comments
  • |
  • Heroku, Travis CI, Netlify
  • |
9043. Online Judge - Deployment with Shell Script - Draft
9043. Online Judge - Deployment with Shell ...

Learn how to deployment the online Judge application through shell script.

9501. Synology Overview
9501. Synology Overview

Use Synology NAS to setup a private cloud at home.

9511. SSH into Synology NAS
9511. SSH into Synology NAS

Login to Synology DSM with ssh.

9512. Hosting Website on Synology NAS - Draft
9512. Hosting Website on Synology NAS - Dra...

Use Web Station to host nodejs website on Synology NAS.

9515. Best Way to Back Up Files with Synology NAS
9515. Best Way to Back Up Files with Synolo...

Back up photos, Git repos and important files with Synology NAS.

9521. Getting Repositories through GitHub API
9521. Getting Repositories through GitHub A...

Get a list of all repositories from GitHub API by parsing JSON with jq.

9522. Backup GitHub Repositories to Synology NAS
9522. Backup GitHub Repositories to Synolog...

Set up automated backup of GitHub repositories to Synology NAS.

9601. Deploying ASP.NET MVC Application to IIS
9601. Deploying ASP.NET MVC Application to ...

Deploy ASP.NET application to local IIS web server.

9602. Deploying ASP.NET MVC Application to Azure
9602. Deploying ASP.NET MVC Application to ...

Deploy ASP.NET application to Microsoft Azure with Azure SQL database.

9605. Tricks in ASP.NET MVC
9605. Tricks in ASP.NET MVC

Some tricks of ASP.NET MVC.

9703. Cross Domain Access for RESTful Web Services
9703. Cross Domain Access for RESTful Web S...

Access RESTful web services for web client which is deployed on another web server.

9706. Installing Jenkins On Ubuntu
9706. Installing Jenkins On Ubuntu

Introduce how to install Jenkins on Ubuntu.

9707. Installing Jenkins in Docker
9707. Installing Jenkins in Docker

Introduce how to create Jenkins container in Docker.

9708. Analyzing Performance Issue with Splunk
9708. Analyzing Performance Issue with Splu...

Use Splunk logs to analyze performance issues in production.

9711. Advanced Topics in Elasticsearch
9711. Advanced Topics in Elasticsearch

Advanced Search Queries in Elastic Search.

9712. Converting Microsoft Word to Markdown
9712. Converting Microsoft Word to Markdown

Use Microsoft Word to create Markdown documents.

9713. Common Math Formulas
9713. Common Math Formulas

Common math formulas.

9714. Hashing Passwords with Bcrypt
9714. Hashing Passwords with Bcrypt

Learn how to use Bcrypt to encrypt password.

9715. Source Code Search with OpenGrok
9715. Source Code Search with OpenGrok

Use OpenGrok in docker for search source code.

9716. Unable to Run Perl Script
9716. Unable to Run Perl Script

Unable to run perl script if module is not found.

9720. MathJax Cheat Sheet for Mathematical Notation
9720. MathJax Cheat Sheet for Mathematical ...

Cheat sheet for displaying mathematical notations with MathJax.

9721. Big O Cheat Sheet
9721. Big O Cheat Sheet

Cheat sheet for Big O complexity.

9722. Generating Diagrams and Flowcharts with Mermaid
9722. Generating Diagrams and Flowcharts wi...

Generate diagrams on web page with Mermaid.

  • Comments
  • |
  • Mermaid, Flowchart, Gantt
  • |
9724. Mermaid Cheat Sheet
9724. Mermaid Cheat Sheet

Cheat Sheet for Mermaid.

9727. Migrate from Bootstrap 3 to 4 - Draft
9727. Migrate from Bootstrap 3 to 4 - Draft

Upgrade bootstrap from 3 to 4 for jojozhuang.github.io.

9728. Custom Domain for My Personal Website - Draft
9728. Custom Domain for My Personal Website...

Upgrade bootstrap from 3 to 4 for jojozhuang.github.io.

Shares
facebook sharing button Share
twitter sharing button Tweet
email sharing button Email
linkedin sharing button Share
messenger sharing button Share
gmail sharing button Email
wechat sharing button Share
print sharing button Print
arrow_left sharing button
arrow_right sharing button