HTML and CSS for web designers

How To

The HTML and CSS Designers Need to Know

10 Aug , 2017  

So, I’m going to pass straight over the debate over whether designers NEED to know how to code or not. I think the only expectation is that web designers understand the medium they design for. And that means HTML and CSS at least, which don’t count as coding, per se. The best part – once a […]

CSS 3D transformations

How To

Fancy 3D CSS that’s surprisingly easy to use

5 Aug , 2017  

Ok, today’s post is all about having some fun with CSS.

We already know that we can use CSS to style document colors, change typefaces and lay out page elements.

That’s cool, but we can do so much more! How about transformations in three dimensions? Or re-creating the Star Wars introduction? 

And the best thing is – these “advanced” techniques are actually super easy.

Sound fun? Let’s get started.

Timer graph shadow detail

How To

How I turned a React tutorial into a complete application

20 Jul , 2017  

Hey everyone! Recently I asked everyone on the lukefabish.com newsletter if they’d like to see how I went from a basic React turorial: To this: They said YES 🙂 The writeup covers a lot of ground – from CSS to testing React with Enzyme – but it isn’t a technical tutorial. I describe some of […]

JavaScript testing with Jasmine and TDD

How To

How Do I Test JavaScript? An introduction to Jasmine with some TDD

2 Jul , 2017  

Yeah, you know testing is important, right? Once upon a time, JavaScript developers could get away with little formal, repeatable testing. But that was when JavaScript was an optional extra to improve a page. Now that JavaScript has moved to the centre of web application functionality it’s no longer optional, and testing it isn’t optional […]

How to learn JavaScript and build awesome projects

How To

How to learn JavaScript

1 Jun , 2017  

A lot of people ask – how should I learn JavaScript?

It’s a great question. Why?

First, because JavaScript is one of the most in-demand skills right now, and it underpins nearly all technologies used for web development.

So of course lots of people ask how they can learn it.

It has a reputation as being a simple language that’s easy to learn. Is that true?

No, not really.

React Introduction for Absolute Beginners

How To

React: An Introduction for Absolute Beginners

27 Apr , 2017  

Hello and welcome to this mega-introduction to React.js. Today we’ll walk through the basic concepts for React all the way to building a small React application. But first: why is it important to learn React? There are a few answers to that, but the easiest one is that part of being a ‘modern’ web developer […]

Introduction to Webpack feature

How To

Introduction to Webpack

13 Feb , 2017  

Hello and welcome! Today we’re going to be checking out Webpack, the latest in a parade of tools used to build JavaScript applications.

I’ll concentrate on webpack because it:

  • Has become very popular over the last couple of years.
  • Is extremely useful and powerful.
  • Has a reputation for being difficult to learn with copious, but arcane documentation (although v2 is an improvement!)

So there’s every reason for learning it and spending some time finding out how it works.

Introduction to JavaScript Arrays

How To

Introduction to JavaScript Arrays

30 Jan , 2017  

Hey everyone, I hope you’re well and ready to learn a fun concept that’s fundamental to programming. Today we’re going to check out arrays and build a slideshow project to practice using them in JavaScript. In the past, we’ve looked at HTML, CSS, JavaScript basics, decision making in JavaScript and JavaScript loops. Today we’ll use […]

JS For Loop

How To

JavaScript Loops: An introduction to the JavaScript For Loop

5 Dec , 2016  

Hey everyone, it’s great to see you back! Today we’re going to be checking out JavaScript loops, particularly the simple and ubiquitous JavaScript for loop. This is a follow up from our first two Intro to JavaScript articles: JavaScript Programming for Absolute Beginners and JavaScript for Beginners: If, Then & Else. First of all – […]

JavaScript Code Branching with If Then Else

How To

JavaScript for Beginners: If, Then & Else

21 Oct , 2016  

Ready to get started on learning more fundamental JavaScript? We covered some JavaScript basics in JavaScript Programming for Absolute Beginners and you should be familiar with that article before continuing. If you’re not, go check it out. I’ll be waiting right here for you. So now you’re totally familiar with executing JavaScript when a user types into […]