LOCAL HACK DAY

Hosted By

AGENDA

INTRODUCTION

NODE JS

DOCKER

MICROSERVICES

MICROFRONTEND

INTRODUCTION

I'm Vivek

  • Software Engineer at 10Pearls
  • Mentor at Mentors Without Borders
  • Contributor of Fedora Projects
  • Contributing Writer at Be Yourself
  • Volunteer Member of Devncode

I'M ON THESE PLACES

 I'M A.K.A SLIM CODER 

IT'S ALL START WITH

IT'S ALL START WITH EM

LOSE YOURSELF

EMINEM

WHEN I'M GONE

MARSHAL

MY NAME IS

SLIM SHADY

SLIM IS ON THESE PLACES

IT'S ALL START WITH

WANT TO LEARN MORE

 

NODE JS

WHY NODE JS ???

WHAT IS NODE JS

  • Node.js is open-source and cross-platform JavaScript runtime-environment.
  • Node.js runs the V8 JavaScript engine, the core of Google Chrome, outside of the browser.
  • A Node.js app is run in a single process, without creating a new thread for every request.

  • Node.js provides a set of asynchronous I/O primitives in its standard library that prevent JavaScript code from blocking.

  • The default package manager for Node.js is npm.

  • JavaScript is for browser and Node.js is to run JS code outside browsers i.e servers.

INSTALLATION OF NODE

  • There are alot of way's to install Node.js but we will install via official website.
  • After successfully installation don't forget to run these commands for confirmation (node --version and npm --version)

LITTLE BIT ABOUT NPM

  • npm is Node Package Manager.

  • npm is the world's largest Software Registry.

  • The registry contains over 800,000 code packages.

MY ENVIRONMENT SETUP

  • I'm in love with Linux (Currently using Mint) , If you interested to learn more about Linux don't forget to read my article.

  • I'm in love with VScode IDE (Integrated Development Environment).

  • I have wrote a vscode extension which converts markdown file text to urdu (GITHUB LINK).

MORE INTO LINUX

  LETS START DIGGING 

  • We will write a complete router-based program by Node.js with Express.js framework.

  • We will write a simple program by using Node.js.

  MY PROJECTS PLAYLIST 

  MORE INTO JAVASCRIPT

DOCKER

WHY DOCKER ???

WTH IS DOCKER

  • Docker is a platform for developers to build, run, and share applications with containers.
  • The use of containers to deploy applications is called containerization.
  • Containerization is increasingly popular because containers are: Flexible, Lightweight, Portable, Loosely coupled, Scalable and Secure

  • Fundamentally, a container is nothing but a running process, with some added encapsulation features applied to it in order to keep it isolated from the host and from other containers.

IMAGE & CONTAINER

 
  • An image includes everything needed to run an application - the code or binary, runtimes, dependencies.
  • Above is the image of zayn malik (docker image) what if he get out of this image and say Hi (docker container)

DOCKER HUB

 
  • You can find images from DockerHub.
  • Then you can run container from that image.

  LETS START DIGGING 

  • I hope you guy's have already installed Docker on your system.
docker --version 
docker run hello-world
docker images ls
docker container ls
  • Let's run our first container.

  MORE INTO DOCKER

  LETS DOCKERIZED NODE

DEPLOY IT TO DOCKERHUB 

TASK

CONTAINER ORCHESTRATION

1
  • Container orchestration is the automatic process of managing or scheduling the work of individual containers for applications based on microservices within multiple clusters.
  • The widely deployed container orchestration platforms are based on open-source versions like Docker Swarm.
  • The word orchestration is dervied from orchestra.
  • Container orchestration has helped to achieve microservices and microfrontend architecture.

  LETS SEE THE CODEBASE FOR GETTING IDEA OF CONTAINER ORCHESTRATION

MICROSERVICES

ARCHITECTURE

WHAT IS ARCHITECTURE

  • Software architecture refers to the fundamental structures of a software system and the discipline of creating such structures and systems.

WHY MICROSERVICES ???

MONOLITHIC ARCHITECTURE

 
 
  • Monolith means composed all in one piece.
  • Monolithic architecture is system as a whole.

MICROSERVICES ARCHITECTURE

 
 

Microservices - also known as the microservice architecture - is an architectural style that structures an application as a collection of services that are :

  • Highly maintainable and testable
  • Loosely coupled
  • Independently deployable
  • Organized around business capabilities
  • Owned by a small team

MICROSERVICES VS MONOLITHIC

 
 

LETS SEE CODEBASE FOR GETTING IDEA OF MICROSERVICES

 
 

WANT TO LEARN MORE

 
 

MICROFRONTEND

ARCHITECTURE

MICROFRONTEND

  • Extending the microservice idea to frontend development.
  • Techniques, strategies, and recipes for building a modern web app with multiple teams that can ship features independently.
  • When we develop microservices architecture we can easily see that our frontend is now monolithic (It cause alot of probelms).
  • After micro frontend now we can easily work in pairs with a team of microservices.

MICROFRONTEND

WHY WE ARE DOING THIS

WANT TO LEARN MORE

 
 

LOCAL HACK DAY : MUET - Khairpur (MLH)

By Vivek Anand Sharma

LOCAL HACK DAY : MUET - Khairpur (MLH)

  • 173