Tutorials

All Posts
Talks
Tutorials

Mar 6
4 min

Auth0 Endpoint Security with NodeJS

NodeJS is now one of the most widely used back-end JavaScript environment in creating Rest APIs for applications, it is continuously...

32 views0 comments

Securing your Angular App w/ Firebase Authentication

Seiji Ralph Villafranca

Jan 21
10 min

Securing your Angular App w/ Firebase Authentication

Application development nowadays are very demanding, being in the world of dev industry, more and mode ideas and features are emerging...

31 views0 comments

Seiji Ralph Villafranca

Jan 10
5 min

Serverless Angular with AWS Lambda

Serverless Applications are now a trend these days for applications, it reduces the time effort and cost for our applications to be...

66 views0 comments

Faking your Auth endpoint using json-server-auth

Seiji Ralph Villafranca

Jan 7
5 min

Faking your Auth endpoint using json-server-auth

In our development life, we might experience most of the instances that some endpoints are still not available for implementation in our...

57 views0 comments

Learning Basic JWT with Node and Type ORM

Seiji Ralph Villafranca

Dec 22, 2020
7 min

Learning Basic JWT with Node and Type ORM

In this tutorial, I will teach how to setup our JSON Web token (JWT) with NodeJS and TypeORM but before we proceed on the JWT part, I...

41 views0 comments

Seiji Ralph Villafranca

Dec 5, 2020
4 min

Auth0 and Angular for Newbies

When creating web applications, we would know one thing that we should always create this app with authentication and security and yes,...

36 views0 comments

Setting up JWT authentication with NGXS on Angular

Seiji Ralph Villafranca

Nov 30, 2020
7 min

Setting up JWT authentication with NGXS on Angular

Before we proceed to our main topic on authentication on this tutorial, I will assume that we already have an idea and have a solid...

187 views0 comments

Cleaning your React code with Redux Hooks

Seiji Ralph Villafranca

May 10, 2020
3 min

Cleaning your React code with Redux Hooks

Redux is very useful in managing data in React especially in large/enterprise scale applications, It gives us the power to store all the...

22 views0 comments

Seiji Ralph Villafranca

Apr 19, 2020
4 min

Rendering Large Lists in Angular

In this tutorial, we will learn how to render large lists of data in Angular, I will demonstrate two ways how we can render lists in...

478 views0 comments

Creating a CRUD React App with Next.JS and Redux

Seiji Ralph Villafranca

Apr 12, 2020
13 min

Creating a CRUD React App with Next.JS and Redux

React Applications are very fast and reliable, as a famous SPA framework, It is widely known as lightweight, easy to plugin and very easy...

34 views0 comments

Seiji Ralph Villafranca

Apr 4, 2020
4 min

Deploying you Angular App in Heroku

So you are done developing your Angular application and you want it to deploy it for the world but have you ever wondered if there is a...

51 views0 comments

Useful JavaScript array functions to make things easy

Seiji Ralph Villafranca

Mar 29, 2020
7 min

Useful JavaScript array functions to make things easy

Arrays are the types of data that we never miss when we create an application, it is very useful as it allows us to manage and manipulate...

54 views0 comments

Angular components have states! (Using Angular Effects)

Seiji Ralph Villafranca

Mar 14, 2020
5 min

Angular components have states! (Using Angular Effects)

So have you tried to be a React developer and noticed something on react components? yes, react components have their own states and it's...

43 views0 comments

Seiji Ralph Villafranca

Mar 8, 2020
4 min

What is SSR and why we need it on SPA?

What is Server Side Rendering. Javascript Frameworks nowadays have changed the game not on just on the side of development but on how to...

50 views0 comments

Understanding Angular and its dependencies

Seiji Ralph Villafranca

Nov 22, 2019
3 min

Understanding Angular and its dependencies

In my previous tutorial Creating your first Angular 8 app, we have successfully created our Angular Application using Angular-CLI, now, I...

41 views0 comments

Creating your first Angular 8 App for Newbies

Seiji Ralph Villafranca

Oct 24, 2019
2 min

Creating your first Angular 8 App for Newbies

Hey everyone, today we will learn how to create an Angular 8 application using angular-cli, I've created this tutorial to explain the...

25 views0 comments

{"items":["6042ec4a09a1cd0016d3a679","5ffd26d780caf80017759a5d","5ffa7c633e2b8000174a1409","5ff68f87a85034001760bea2","5fddbde7c41c2600172392f3","5fcb42e43efe8f001762ffb2","5fc468c2cceb3e0017e619ea","5eb783366b981a0017c39b79","5e9bbe390e4b720017b10416","5e913816e15dc100172a15f7","5e8815b143d7d00017aed6fb","5e8002b504af5300174b2f00","5e6c3defcfe7d10017f4515f","5e64afe91e86f00017d28f75","5db10b7f8c9fb90017986929","5dafb922c490ff00189cc722"],"styles":{"galleryType":"Columns","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fill","cubeRatio":1.3333333333333333,"isVertical":true,"gallerySize":30,"collageAmount":0,"collageDensity":0,"groupTypes":"1","oneRow":false,"imageMargin":32,"galleryMargin":0,"scatter":0,"rotatingScatter":"","chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":true,"isSlider":false,"isColumns":false,"isSlideshow":false,"cropOnlyFill":false,"fixedColumns":1,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":50,"rotatingGroupTypes":"","rotatingCropRatios":"","columnWidths":"","gallerySliderImageRatio":1.7777777777777777,"numberOfImagesPerRow":1,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":1,"mobilePanorama":false,"placeGroupsLtr":true,"viewMode":"preview","thumbnailSpacings":4,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_THE_RIGHT","galleryTextAlign":"center","scrollSnap":false,"itemClick":"nothing","fullscreen":true,"videoPlay":"hover","scrollAnimation":"NO_EFFECT","slideAnimation":"SCROLL","scrollDirection":0,"scrollDuration":400,"overlayAnimation":"FADE_IN","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"NEVER_SHOW","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","imagePlacementAnimation":"NO_EFFECT","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"loadMoreButtonText":"","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"ATTACHED_BACKGROUND","itemBorderWidth":1,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":"1","videoLoop":true,"jsonStyleParams":"","gallerySizeType":"px","gallerySizePx":940,"allowTitle":true,"allowContextMenu":true,"textsHorizontalPadding":-30,"itemBorderColor":{"themeName":"color_12","value":"rgba(191,191,191,1)"},"showVideoPlayButton":true,"galleryLayout":2,"targetItemSize":940,"selectedLayout":"2|bottom|1|fill|true|0|true","layoutsVersion":2,"selectedLayoutV2":2,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0.5},"container":{"width":940,"galleryWidth":972,"galleryHeight":0,"scrollBase":0,"height":null}}