PinnedGet your first Ethers in AngularAngular Dapps for Web3 with Local Hardhat and Metamask — In this awesome reading we will see a few things, among others: An environment for a local node of the Blockchain with Hardhat Setting up accounts with Mnemonics or directly with Addresses in Hardhat All necessary config for Angular and Web3 Login UI Login with Metamask Show the balance in…Angular7 min readAngular7 min read
Nov 23, 2021Easily test UI componentsAccelerate tests with Cypress — In the past week, we have already create a component, basically a custom input form component. We wish to have everything checked in our new project and quality processes force us to coverage a % of our code with testing, so we have to be ready to test. We are…Angular4 min readAngular4 min read
Nov 18, 2021Custom Form Elements in AngularTips to be faster than pre-built Design System or Rich UI libraries — Clearly, no one wants boilerplate in its code and there is no need to repeat your code over the time, however sometimes we need to customise components and our first choice is to choose a css framework, a prebuilt design system or a rich ui library. But why we don’t…Angular4 min readAngular4 min read
Nov 17, 2021Design System Fonts in AngularA good methodology to fit them using Sass and Google Fonts — A nice agile team with the last visual prototype, you are the front developer in charge and you have to build fonts this week for the team. I am going to show you how you can accelerate and automise several tasks to achieve this. Introduction Somewhere from UX:Angular3 min readAngular3 min read
Nov 10, 2021Angular default pipes and i18nEuro currency with European format — Sometimes you need to format your template and you don’t want to bother your back end, neither your services in the front end part. Predefined Pipes are a really good options for fitting your necessities in this case. You may already know, but if not you must know that there…Angular3 min readAngular3 min read
Mar 23, 2021Great Designs deserves Excellent DevelopmentsFit your Sketch designs with Angular more Grid & Flexbox — In terms of development precise, meticulous and scrupulous doesn’t mean perfect, but almost. We normally start from something like So imagine you receive a Sketch file, should I do exactly as the design is? Well, if it is a great design deserves to do pixel by pixel. I am going…Angular5 min readAngular5 min read
Mar 23, 2021Angular NX and VercelA DevOp day deploying Nx Angular monorepos through Vercel — Nx is like a kind of framework for creating modern projects, its app skeleton is similar to a mono-repository. There, you can have your Front and Back end and shared all your interfaces and classes between them, that one of the top benefit I saw Introduction For the case of Angular…Angular3 min readAngular3 min read
Published inAnalytics Vidhya·Sep 1, 2020Bubble Chart in D3jsUnderstanding a chart with d3 v6 D3js is human readable sometimes, however in certain occasions you see a chart you want to create or just copy from somewhere else and In this post, we will see a tutorial for basic bubble chart that may help you. To be honest, it…D3js4 min readD3js4 min read
Published inBetter Programming·Jul 29, 2020How to Write Effects for Actions in NgRx DataIntercepting @ngrx/data requests on the fly — Starting with a framework solves many problems; some of them are very hard to learn from the very beginning. However, we can even build many things faster than in a vanilla mode. In fact, I almost used NgRx Data before NgRx. Now, I am going to tell you about my…Ngrx6 min readNgrx6 min read
Published inBetter Programming·Jul 22, 2020Intro to @ngrx/componentA comprehensive guide to improving your NGRX projects (part 2) — New features are coming into NGRX, one of which is ngrx/component. It brings plenty of opportunities to make our programming easier & faster. Apparently, it appears onto the scene to help us get rid of the async pipe in templates. …Ngrx6 min readNgrx6 min read
