Programming - Weekend Serious

Interview Cake

Pricing | Interview CakeUpgrade to get our full suite of prep resourcesInterview Cake: Programming Interview Questions and Tips— LorraineLeetCode - The World’s Leading Online Programming Learning PlatformLevel up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your

Programming

CRUD Apps

How to perform CRUD operations using vanilla JavaScriptby Zafar Saleem How to perform CRUD operations using vanilla JavaScriptNowadays there are a number of JavaScript frameworks around such as React,Angular, Vue and so on. They all offer a simple and easy approach towards thedevelopment of web applications, especially SPAs. However,

Design

CSS Styles & HTML Elements

HomeOpen UIopen-ui-docs

Design

Dev Tools

OpenType Font VariationsType NetworkFontPair helps you pair Google Fonts together.FontPair is a typography tool that inspires the creative community to design better.FontPairHayden Mills

Programming

React Routing and Gatsby

GoalHow do you create separate pages in a react app? QuestionsShould I use React Router?Create multiple pages and embed react into them?Use Gatsby or Next.js?Next.js tutorialWhat's the difference between client side rendering vs. server-side rendering?Learnings / DecisionsGatsby is a static site generatorUse Gatsby for smaller

Design

Components.AI

Components AI — A new way to explore generative design systemsParametric and generative design tools

Design

CSS Layouts

Machine Learning

Open AI

OpenAI APIAn API for accessing new AI models developed by OpenAI

Programming

React Syntax

A list of syntax references Rendering Components//Simple Function Component function Welcome(props) { return <h1>Hello, {props.name}</h1>; } // Class Component class Welcome extends React.Component { render() { return <h1>Hello, {this.props.name}</h1>; } } // Rendering the component const element = <Welcome name=

Art

Generative Art

via GitHub

Design

Figma and SwiftUI

SwiftUI InspectorEnhance your development workflow by copying and pasting element styles from your Figma files into your Xcode project.I build my ideas #5 - 06/28/20Teaching code, learning SwiftUI, WWDC, free lil appsI build my ideas from Jordan SingerJordan Singer

Programming

Quantum Computing via JS

Quantum JavaScript (Q.js)Quantum computing in your browser.

Design

Tailwind CSS

Tailwind CSS - A utility-first CSS framework for rapidly building custom designsDocumentation for the Tailwind CSS framework.A Utility-First CSS Framework for Rapidly Building Custom DesignsTailwind CSSTailwind CSSGitHubTwitterDiscordSome people also mention using @apply as a way of reducing the amount of classes inside the HTML

Programming

Learning Node.js

2020.06.29: FoundationLearning Node.js via Freecodecamp. Realized that I need to learn about it 'cause the tutorials I was finding online introduced new concepts that I didn't understand. Trying to create a back-end to store/serve my API keys and endpoints. Learned this about versioning syntax: major.minor.

Programming

React useEffect Hook

Updated the Weather and Project Apps to render data on page load with useEffect, so that I don't have to press a button to display the information.import React, {useEffect, useState} from "react" function Image({size, search}) { const [src, setSrc] = useState(null) const updateImage = () => { const baseUrl = "https://source.unsplash.

Programming

Safari Extensions

Apple Developer Documentation

Programming

Framer, React, API Project

2020.06.26: Framer + Code ComponentsBuilt a prototype to display quotes from a local JSON array. Each tap shows a new quote randomly with Math.random()Started looking into how to add an interaction to it, so that a new quote displays on swipe. There's another Framer API to consider,

Machine Learning

ML and Generative Art Resources

I'm trying to get into generative art (ML based images, sound and video). What's the best place to get started? — Lucas Rizzotto (@_LucasRizzotto) June 21, 2020

Programming

JS Fundamentals

If you're learning JavaScript, you've likely heard people tell you how important it is to learn the fundamentals. But what are they? And where do you learn them? Here's a list of JavaScript fundamentals and my favorite free resources for learning them. 👇 — Madison

3D

Generative Screen Saver

🎉 Introducing 🎉 Reactions, a #macOS #screensaver inspired by reaction diffusion. When activated, beautiful patterns grow and evolve to gradually fill the screen & show the time. After every minute, it resets & fun begins again. Buy: https://t.co/zvZ7f0bKt7 #generative #metalapi pic.twitter.com/KTe8o9OMwF — Reza Ali (@RezaAli) June

Programming

Teaching Yourself CS

I don’t have a CS degree so I've had to learn on my own. Thread on creating your own CS degree online. — Randall Kanna (@RandallKanna) June 20, 2020

Programming

Template Workflow

2020.06.17Created a page where I can enter event details and it populates the emails and messages that I send out. It saves me time from copy-ing/pasting and formatting each message when I'm pasting it. Hopefully, this speeds up time for each event, and it reduces the chance

Design

Design & Programming Books

Designing ProgrammesKarl Gerstner’s work is a milestone in the history of design. Designing Programmes is one of his most important works: in four essays, the author provides a basic introduction to his design methodology and suggests a model for design in the early days of the computer era. The

Design

CSS Grid

Learn CSS Grid - A Guide to Learning CSS GridA comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.Jonathan SuhJonathan Suh

Programming

Boop Text Transformations

Very excited to finally release Boop, the scriptable scratchpad for developers! ✨ It's free, open source, and now available on the Mac App Store! Learn more here: https://t.co/q4U1IjVc2U — Ivan Mathy (@OKatBest) June 16, 2020