After more than 6 months, I'm back bringing you the best tutorials to help you learn web development each week! 😊 ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Code The Web Weekly Issue 08 | Jan 29, 2019

Hey *|FNAME|*!

First of all, thanks for signing up. You may not remember me, but a while ago you signed up to a newsletter called Code The Web Weekly.

I put Code The Web on hold for the last six months so I could focus on building an email application from scratch — KanbanMail. I learned lots of new stuff which I'm excited to share with you!

As well as writing articles, now I'm back here bringing you the best web development tutorials from around the internet each week. Check them out below and enjoy :)

✹ Introduce yourself! Reply to this email with some info about you and your web development journey. You can also ask me any questions or suggest stuff :)

New articles from Code The Web:

How to interpret URLs with JavaScript

JavaScript

There are many situations in web development where you really need to parse (interpret) a URL. Learn how to do that with URL objects in this article!

How to interpret URLs with JavaScript

JavaScript

There are many situations in web development where you really need to parse (interpret) a URL. Learn how to do that with URL objects in this article!

Dates and times in JavaScript

JavaScript

If you’re a developer, you’re bound to use JavaScript dates and times sooner or later! Learn all about them in this article


Dates and times in JavaScript

JavaScript

If you’re a developer, you’re bound to use JavaScript dates and times sooner or later! Learn all about them in this article


Beginner tutorials:

CSS Grid Garden

CSS
By Codepip

This is definitely the most fun way to learn CSS grid. Over 28 levels, you'll learn all about CSS grids by watering your carrot garden! Seriously, give it a go — it's kinda addictive (in a good way) 😅

CSS Grid Garden

CSS
By Codepip

This is definitely the most fun way to learn CSS grid. Over 28 levels, you'll learn all about CSS grids by watering your carrot garden! Seriously, give it a go — it's kinda addictive (in a good way) 😅

JavaScript Events Explained

JavaScript
By Flavio Copes

JavaScript in the browser uses an event-driven programming model. Everything starts by following an event. This is an introduction to JavaScript events and how event handling works.

JavaScript Events Explained

JavaScript
By Flavio Copes

JavaScript in the browser uses an event-driven programming model. Everything starts by following an event. This is an introduction to JavaScript events and how event handling works.

Working with the DevTools Console and the Console API

JavaScript
By Flavio Copes

Every browser exposes a console that lets you interact with the Web Platform APIs and also gives you an inside look at the code by printing messages that are generated by your JavaScript code running in the page.

Working with the DevTools Console and the Console API

JavaScript
By Flavio Copes

Every browser exposes a console that lets you interact with the Web Platform APIs and also gives you an inside look at the code by printing messages that are generated by your JavaScript code running in the page.

Intermediate tutorials:

How z-index Works

CSS
By Ire Aderinokun

Although it may not be immediately obvious, the elements in an HTML document are generated in three dimensions. Besides being aligned on the x- and y- axes, elements can lie on the z-axis, which controls their position in the third dimension.

How z-index Works

CSS
By Ire Aderinokun

Although it may not be immediately obvious, the elements in an HTML document are generated in three dimensions. Besides being aligned on the x- and y- axes, elements can lie on the z-axis, which controls their position in the third dimension.

How to Use Emojis as Icons

CSS
By Preethi Sam

Icons have become an important part of web designs. Granted there are many online resources (both free and paid) for icons, we still should be able to use the one style of symbols we already have and are uber familiar with — emojis, as icons.

How to Use Emojis as Icons

CSS
By Preethi Sam

Icons have become an important part of web designs. Granted there are many online resources (both free and paid) for icons, we still should be able to use the one style of symbols we already have and are uber familiar with — emojis, as icons.

The definitive guide to debugging JavaScript

JavaScript
By Flavio Copes

Learn how to debug JavaScript using the browser DevTools debugger

The definitive guide to debugging JavaScript

JavaScript
By Flavio Copes

Learn how to debug JavaScript using the browser DevTools debugger

Advanced tutorials:

Smooth as Butter: Achieving 60 FPS Animations with CSS3

CSS
By José Rosårio

Animating elements in your mobile applications is easy.

Smooth as Butter: Achieving 60 FPS Animations with CSS3

CSS
By José Rosårio

Animating elements in your mobile applications is easy.

7 Habits of Highly Effective Media Queries

CSS
By Brad Frost

As we all know, media queries are responsive design's secret sauce. Here are some considerations for crafting high-quality media queries...

7 Habits of Highly Effective Media Queries

CSS
By Brad Frost

As we all know, media queries are responsive design's secret sauce. Here are some considerations for crafting high-quality media queries...

The gotchas of the var keyword in JavaScript

JavaScript
By Grant Winney

I wasted several hours debugging a problem in some JavaScript code, and now that I've got it sorted out, it's time to share the pain.

The gotchas of the var keyword in JavaScript

JavaScript
By Grant Winney

I wasted several hours debugging a problem in some JavaScript code, and now that I've got it sorted out, it's time to share the pain.

Advice / Inspiration:

Lessons from 7 self-taught coders who now work full time as software developers

By Jessica Chan

It’s often hard to see the light at the end of the tunnel. But when you’re in those tough, dark spots, try to find the motivation to hang in there.

Lessons from 7 self-taught coders who now work full time as software developers

By Jessica Chan

It’s often hard to see the light at the end of the tunnel. But when you’re in those tough, dark spots, try to find the motivation to hang in there.

Cool coding project:

Anime.js seamless infinite looping animation

By Julian Garnier

This super satisfying animation was made using anime.js. It animates 4 transform properties on over 200 HTML elements with individual timing values. Awesome job Julian! 👏

Anime.js seamless infinite looping animation

By Julian Garnier

This super satisfying animation was made using anime.js. It animates 4 transform properties on over 200 HTML elements with individual timing values. Awesome job Julian! 👏

Okay, that's all for this week! I haven't sent a newsletter like this in over six months, so I'd really appreciate your feedback. Did you enjoy it? Was it helpful? Was it too long / short? Tell me if you have any suggestions 😁


Also, Code The Web has a new design!

I've spent the past few weeks completely redesigning Code The Web. It's now easier to find related articles, and to know what you should learn next. It also look much more unique — I wasn't afraid to go radical! Tell me what you think…

😍 Check out the new design 🎹

See you next week, and have an awesome day!
đŸ‘šâ€đŸ’» Ethan



 

Want to change your name or email address? You can update your preferences here.

If you never want an email from me again, you can unsubscribe *|EMAIL|* here. If you do, I’d reeeaally appreciate it if you sent me a quick email telling me why you unsubscribed, so I can make this newsletter better for others! Thanks :)

© Code The Web 2019 đŸ€Ș


*|REWARDS|*