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." π€π