• jmtalarn.com

    The site home index page.

  • Web dev notes

    Web Dev Notes: Where I jot down tech insights, resources on technology and web development and handy tips to remember.

  • CV

    Explore my CV to learn about my background, experience, education, certifications, and projects.

Web dev notes blog

Page
1
2
3
4
5
6
7
Web development

What is Elm? Baby don't hurt me, no more

What is Elm ? Elm is a functional language that compiles to JavaScript. And that means it moves the functional programming paradigm into the frontend development, allowing you to build from simple websites to complex web apps. Don't be scared 🙀. Elm is both a functional programming language with its own syntax and grammar but is also an application development framework. The hard part (not at all if you continue reading) is that is a typed functional language. And that means that you should deal with functional terms like immutable, monad, currying and recursion...

webelmfunctional programming
3, September 2020
Web development

One source of truth to run them all

This is an example of how different components implemented with different frontend frameworks or libraries can share the same Redux store. Different frameworks and libraries in same project The idea of the project is to implement the same component, a simple counter with two buttons, one to increase the value and other to decrease it. I decided to go with Webpack to build and bundle everything. Webpack has a large set of plugins and my thought was that there should be a loader in case I need it to load and build the resources. (I was right as I could check it)

webreactreactjsvuevuejsjavascriptelmsvelteangularangularjsweb componentscomponentsReduxwebpack
6, April 2020
Web development

Running Node and React tests in the same project

What is Jest? Jest is a testing framework to run Javascript unit tests focused on the simplicity. It can work with Babel, Typescript and a wide set of frameworks like Angular, Vue, React as well as Node.js code.

testingwebtddunit testsjestreactreactjsnodenodejsjavascript
24, July 2019
Web development

Theming your stylesheets with css variables

What are CSS variables? The CSS variables are more accurately known as CSS custom properties. You can define a value under a variable key and use it along your stylesheets wherever is in its scope. They can be very useful to avoid CSS repetition, with a better performance in run time for things like theme switching and very useful for extending or 'polyfilling' future CSS features.

variableswebhtmlcssstylesheetsjavascriptsasslesscss3
13, November 2018
Guest post, Web development

How to activate Google's AMP and what they are

How to activate Google's AMP and what they are Do you know the Accelerated Mobile Pages or AMP? This new format optimized for mobile devices has numerous advantages, one of them is the improvement of web positioning. Do you still think that you should not have it implemented on your website? Today I'm going to explain how to activate the AMP, configure these pages and everything that surrounds this Google project.

ampwebhtml
12, September 2018
Guest post

Tough Time Finding A Job? Consider Being A Delivery Drive

Tough Time Finding A Job? Consider Being A Delivery Driver There are times when it is very difficult to find a job. Depending on your level of education and experience, it can be downright impossible in certain parts of the country. That is why flexible jobs that help people find independent contract work are so important. It is why we have seen the rise of the so-called "Gig Economy".

job
20, August 2018
Page
1
2
3
4
5
6
7
blog