Using Typescript types

Typescript comes with his own types and each one is part of typescript, not javascript. Typescript will provide these types as part of our development process and notify the compiler of the data type used and force us to implement properly. Tuples Allows set a variable or array with a set of values of different…

Type Annotations in Typescript Functions.

I am starting to move to Typescript. I discover how works type annotations in typescript functions. Let start to show a few things learned today about typescript. Typescript allows type annotation in function parameters and returns types. Types in Function parameters. The default type for the parameters in functions is any. Use : type after…

Get start with Typescript and Parcel

Typescript is a technology that grows every day. Companies like Slack, Airbnb or Google are changing their javascript codebase to Typescript. Frameworks like Vue, React and (Angular) are using Typescript for writing maintainable code. These steps show how to start a project with Typescript and Parcel. The full code is available https://github.com/danywalls/hello-typescript. Create a basic…

My Top 5 Vue Ecosystem plugins

If you have been working with Angular and React, each one of them has a lot of tools ready to help when you pick one of them to build solutions like angular material, ngx-translate, angularfire, ngxs, create-react-app, Styled Components, or redux. If you work with Vue, you need to solve the same problems and Vue…

How to center elements using the box model

A common task for web development is center elements, we can center the elements horizontal and vertically. Center horizontal Center horizontally is so easy, our element needs to have a width size, if not our element will take all space possible. Set to 0 auto the margin, the element will take the same amount of…

From Vue to Svelte Syntax

I’m building a small app with Svelte,  my last 2 years I was coding with Vue, so I found small differences with Vue,  let me explain a bit how is going my journey writing a Svelte component. The password-strength project was build using the default svelte template, it generates main.js and src/App. svelte files, I…

How to use SCSS Sass in Svelte Components?

When I started with Svelte one surprise was the CLI was not too interactive and the default template doesn’t come with Sass support. Then for add sass support into .svelte components, we need to add a rollup package and do a few small changes. These changes I will do on my project “password-strength-sv”, from the…

Hello Sveltejs

I’m using Vue for more than 2 years and a half, Vue is a great framework, but the world change and Svelte rise as a good contender to in the Javascript world. My friend @pchiwan did a small game with Sveltejs, I read his code and feel curiosity and a bit of motivation to start…

Static Class and Extends methods in C#

The static keyword is very useful in c#  when we need to use class, method or property without creating an object instance is very common using a static class as a box or container for properties helpers or methods. For example, our boss said the employee object needs to be able to show the salary…

Head start with Array, List and Diccionaries in .NET

The Array, Lists and Dictionaries are the most basic collections in .NET and everyone has his scenery to be used, I will explain a bit about each one, for the examples I created the class Team to show the examples. public class Team { public int Id { get; set; } public string Initials {…