Posts

A Beginner’s Guide to Arrow Functions in ES6: Part 1

Image
https://medium.com/@josephcardillo?source=follow_footer--------------------------follow_footer- What are the benefits of arrow functions? They are more concise. They have implicit returns. (We’ll get into this below.) They do not rebind the value of  this  when you use an arrow function inside another function. (We’ll get into this in a later post.) How do I convert my ES5 functions to ES6 arrow functions? Let’s start with a simple example using  .map() . *If you need a refresher on  const , see my previous posts  here  and  here . // Let's define an array of first names: const names = ['joe', 'rache', 'micaela']; // If I want to add my last name to each I'll run the following function using .map(): const fullNames = names.map(function(name) { return `${name} cardillo`; }); // In the console when I call: names // It returns: ['joe', 'rache', 'micaela'] // Then if I call the function: fullNames // It returns: ["

How to Learn React — A Roadmap from Beginner to Advanced.

Image
This guide is for people who are starting with React. I have carefully curated the best videos and articles in each section to make it easier for learning. Note:  I’m not associated with any of the websites mentioned below. It’s purely my view. Prerequisites Basic knowledge of HTML, CSS, and JavaScript. Basic understanding of ES6 features. Here’s my  article  explaining some of the ES6 features. To get started you should at least know the following features: 1. Let 2. Const 3. Arrow functions 4. Imports and Exports 5. Classes Basic understanding of how to use  npm . Getting started You can use online code editors to practice, or you can use  Create React App . I have setup a development environment in  JSFiddle  and in  Codepen . To grasp all the fundamentals of React, you can start with the following tutorials: React official documentation  by React Beginners guide to React  by Kent C. Dodds Fundamentals of React  by  Samer Buna By now, you should have a basic idea of the

9 JavaScript Interview Questions

Image
JavaScript is considered a great language for beginners. It’s partly because of its wide use on the internet, and partly because several of its features make it possible to write less-than-perfect code that still runs: it’s not as strict as many other languages, whether you’ve missed out a semi-colon or you don’t want to worry about memory management. But by the time you’re ready for interviews, you’ll want to feel confident that you know the ins and outs of the language, including some things that are done automatically and ‘behind the scenes’. In this article, we’ll cover some common JavaScript interview questions — as well as a few curveballs! Of course, every interview is different, and you may or may not be asked  any  questions of this kind. But the more you know, the better prepared you’ll be. PART I: CURVEBALL QUESTIONS It would seem pretty tough if any of the following questions cropped up in an interview. Nevertheless, these questions should still prove useful in

HTML5 For Beginners

Image
What is HTML? Okay, so this is the only bit of mandatory theory. In order to begin to write HTML, it helps if you know what you are writing. HTML is the  language in which most websites are written . HTML is used to create pages and make them functional. The code used to make them visually appealing is known as CSS and we shall focus on this in a later tutorial. For now, we will focus on  teaching you how to build rather than design . The History of HTML HTML was first created by Tim Berners-Lee, Robert Cailliau, and others starting in  1989 . It stands for Hyper Text Markup Language. Hypertext means that the document contains  links that allow the reader to jump to other places  in the document or to another document altogether. The latest version is known as  HTML5 . A  Markup Language  is a way that computers speak to each other to control how text is processed and presented. To do this HTML uses two things: tags and  attributes . What are Tags and Attributes? Tags and a

Guides On Becoming A Front End Developer.

Image
A front end web developer as we know it (or maybe don't) is someone who uses HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly. But is that all there is to know? How can you become a better front-end developer? Let's dig in. Learn HTML & CSS And become good at it. I guess there’s no way around it. Learn HTML & CSS. Why? Because the basics matter. HTML allows you to add content to a website while splitting it into headings, paragraphs, and tables. CSS lets a decent developer style the content and change things like colors, sizes, and borders. There are different online courses available on how to get started with HTML and CSS. You can sign up at Online courses like Coursera Team Treehouse. Codecademy FreeCodeCamp Udacity Udemy And while there are so many free resources out there, also try to invest in your learning by purchasing premium learning content and getting some certifications. After finis