January Tutorials Round-Up
Hey everyone! 👋👩💻👨💻
This month's newsletter includes the first two videos in our new "Up & Running with Gatsby" series along with some helpful links from the community covering Gatsby, React, CSS, Performance, SEO, Security, Design and Workflow.
Happy coding!
— Michael, Up & Running Tutorials
GATSBY
Up & Running with Gatsby #1: What is Gatsby? — "In this video, we're going to learn all about Gatsby: what it is and how it can help you build faster apps and websites and make your life as a developer much easier." 📺🤗
Up & Running with Gatsby #2: Starting a New Gatsby Project? — "In this video, we'll see just how easy it is to get a new Gatsby project up and running on your computer." 👩💻🏃♂️
Gatsby Tutorials — This community-updated collection of video, audio and written GatsbyJS learning resources has reached 165 tutorials! 🎉🍾
REACT
Build a CRUD App in React with Hooks — "I created a simple CRUD (create, read, update, delete) app that utilizes Hooks and no classes, and I created this tutorial for anyone else who wants to learn how to use them as well." ⚓️👍
React.js Examples — A helpful collection of react components for various use cases, including demos and source code. 🎉📦
My Coding Journey - Revel Carlberg West — "My name is Revel and I'm 9 years old. I enjoy coding." 👶💻🤯
CSS
CSS Grid in 45 Minutes! — "CSS grid is a brand new layout system in CSS! It's not a framework or library—it's an addition to the language that allows us to quickly create flexible, two-dimensional layouts." 📐⚡
Unlocking the Benefits of CSS Variables — "Native CSS custom properties provide several clear benefits over preprocessor variables and provide the power to achieve things like live theming which were previously much more difficult." 🎨👌
Five years of PostCSS: State of the Union — "A human brain has its limits. It makes mistakes. It can not keep a thing too complex readily accessible for too long...Why not create a framework that would solve the problem? That is precisely the idea behind PostCSS." 🤓🤖
CSS and Network Performance — "CSS is critical to rendering a page—a browser will not begin rendering until all CSS has been found, downloaded, and parsed—so it is imperative that we get it onto a user’s device as fast as we possibly can." 🏃♀️⚡️
PERFORMANCE
Speed Essentials: Key Techniques for Fast Websites — "We're going to talk with you about how you can make your site fast. We'll focus on three things: images, web fonts and JavaScript." 🖼⚡️
SEO
Meta Tags — "With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!" 🤖👌
SECURITY
Security Checklist — "An open source checklist of resources designed to improve your online privacy and security. Check things off to keep track as you go." 🔒✅
And We're In — "How secure is the standard 6 to 12 character string at keeping your data secure? And since so many people use the same password for everything, once the security of a website is compromised, how much damage can a hacker do?" 🤷♂️😳
DESIGN
103: Steve Schoger - Design Q&A + Refactoring UI Details — "Yeah...so...every project starts with me sort of staring blankly into the air for two days straight." 🎨🤔
WORKFLOW
8 Tips for Great Code Reviews — "One of the things they don’t teach you in school is what makes for a great Code Review...You learn algorithms...but no one sits down and says, 'Here’s how to...give great feedback.'" 👩💻👨💻
8 Productivity Tips for GitHub — "GitHub is built with some extremely helpful shortcuts and productivity-boosting features. From personal experience, however, it’s clear that these often fall under the radar amongst developers." 🤓👍