Tailwind CSS + WordPress Theme & Block Type Boilerplate
By LearnWebCode
Published: Jun 27, 2022“
Here’s how I’m using Tailwind CSS in WordPress themes and blocks. My premium courses and coupons: https://learnwebcode.com/courses/
GitHub link for this video: https://github.com/LearnWebCode/brads…
CONTENTS:
- 0:00 Intro
- 0:50 Getting Started
- 2:06 Theme
- 4:53 Tailwind Typography Plugin
- 6:38 Auto Reload
- 8:16 Block Type Plugin
- 13:16 Prefix In Tailwind
Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-…
Twitch: https://www.twitch.tv/learnwebcode”
Tag: Brad Schiff
[#Webdesign #Coding] WordPress Block Themes And Full Site Editing: Explanation for Developers
WordPress Block Themes And Full Site Editing: Explanation for Developers
By LearnWebCode
Published: Mar 24, 2022“
Let’s learn about full site editing and block themes in WordPress! My premium courses and coupons: https://learnwebcode.com/courses/
CONTENTS:
- 0:00 Intro
- 11:30 Creating a Block Theme
- 31:29 Where Do We Begin?
Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-…
Twitch: https://www.twitch.tv/learnwebcode”
[#Webdesign #Coding] Code a Game Using React + Data Fetching with useEffect
Code a Game Using React + Data Fetching with useEffect
By LearnWebCode
Published: Jul 19, 2022“
Let’s build a dog guessing game that fetches data from an API. My premium courses and coupons: https://learnwebcode.com/courses/
GitHub starter link: https://github.com/LearnWebCode/vite-…
GitHub Finished Product Reference: https://github.com/LearnWebCode/react…CONTENTS:
- 0:00 Intro
- 1:42 Starter Setup
- 3:05 Fetching Dog API Data
- 7:36 useEffect Data Fetching / Strict Mode
- 16:22 Getting Data Ready for Questions
- 24:36 State with Immer Reducer
- 36:52 Creating Questions
- 41:46 The JSX Game Interface
- 48:32 Game Logic
- 53:48 Time Clock & Hearts UI
- 1:02:38 Game Over Screen
- 1:11:07 Actually Counting Down Time
- 1:17:01 Preload Images
- 1:19:58 High Score Local Storage
Follow LearnWebCode for updates on new videos or projects:
- Instagram: https://www.instagram.com/javaschiff/
- Twitter: https://twitter.com/learnwebcode
- Facebook: https://www.facebook.com/Brad-Schiff-…
- Twitch: https://www.twitch.tv/learnwebcode
”
[#Webdesign #Coding] WordPress REST API Authentication: Application Passwords
WordPress REST API Authentication: Application Passwords
By LearnWebCode
Published: Mar 30, 2022“
Let’s learn about the two most common ways to make authenticated requests to the WordPress REST API. My premium courses and coupons: https://learnwebcode.com/courses/
GitHub example code shown in this video: https://github.com/LearnWebCode/wordp…
CONTENTS:
- 0:00 Intro
- 1:00 Cookie / Browser Approach
- 4:34 Application Passwords
- 10:15 Node.js Example
- 11:47 Extra Info
Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-…
Twitch: https://www.twitch.tv/learnwebcode
[#Webdesign #Coding] User Uploaded Images (Host For Free & Cloudinary Example Code)
User Uploaded Images (Host For Free & Cloudinary Example Code)
By LearnWebCode
Published: Jun 08, 2022“
Let’s learn how to upload images to a free hosting service. My premium courses and coupons: https://learnwebcode.com/courses/
GitHub link for this video: https://github.com/LearnWebCode/cloud…
Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-…
Twitch: https://www.twitch.tv/learnwebcode”
[#Webdesign #Coding] Why You Should Try Tailwind CSS
Why You Should Try Tailwind CSS
By LearnWebCode
Published: Jun 20, 2022“
Let’s get started using Tailwind CSS in our projects. My premium courses and coupons: https://learnwebcode.com/courses/
GitHub link for this video: https://github.com/LearnWebCode/tailw…
CONTENTS
- 0:00 Intro
- 1:56 The Problems With CSS
- 7:39 What Is Tailwind?
- 10:59 Actually Getting Started
- 18:20 GitHub Examples
- 22:40 Markdown or Blog Content?
- 27:31 Custom Colors
- 29:38 Custom Fonts
- 34:51 Typography Plugin
- 37:03 VS Code Extension
Follow LearnWebCode for updates on new videos or projects:
- Instagram: https://www.instagram.com/javaschiff/
- Twitter: https://twitter.com/learnwebcode
- Facebook: https://www.facebook.com/Brad-Schiff-…
- Twitch: https://www.twitch.tv/learnwebcode
”
[#Webdesign #Coding] Setting Up a Windows PC For Web Development: WSL, Git, Node.js, Docker, Oh My Zsh, & MySQL
Setting Up a Windows PC For Web Development: WSL, Git, Node.js, Docker, Oh My Zsh, & MySQL
By LearnWebCode
Published: Dec 06, 2021“
Let’s walk through setting up a Windows PC for web development, and use Windows Subsystem For Linux as the backbone.
My premium courses: https://learnwebcode.com/courses/
Finished product Node.js code: https://gist.github.com/LearnWebCode/…
Finished product Docker Compose file:
https://gist.github.com/LearnWebCode/…CONTENTS:
- 0:00 Intro
- 1:03 Windows Subsystem For Linux
- 5:24 Just For Fun: cmatrix
- 6:20 VS Code Integration
- 8:57 Oh My Zsh
- 11:00 Git
- 15:52 Windows Terminal
- 20:40 Node.js
- 24:50 Docker
- 33:18 Upgrading From WSL1 To WSL2
- 38:25 MySQL
Follow me for updates on new videos or projects:
- Instagram: https://www.instagram.com/javaschiff/
- Twitter: https://twitter.com/learnwebcode
- Facebook: https://www.facebook.com/Brad-Schiff-…
- Twitch: https://www.twitch.tv/learnwebcode
”
[#Webdesign #Coding] Web Scraping with Puppeteer & Node.js: Chrome Automation
Web Scraping with Puppeteer & Node.js: Chrome Automation
By LearnWebCode
Published: Jul 26, 2021“
My premium courses: https://learnwebcode.com/courses/
CONTENTS:
- 0:00 Intro
- 1:20 Installing Puppeteer
- 4:29 Taking a Screenshot
- 7:09 Scraping Text From HTML
- 15:34 Saving Images to Hard Drive
- 21:45 Clicking a Button
- 25:16 Filling Out a Form
- 30:51 Scheduling a Task to Repeat
The practice URL I’m working with in the video: https://learnwebcode.github.io/practi…
My finished example code: https://gist.github.com/LearnWebCode/…
Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-…
Twitch: https://www.twitch.tv/learnwebcode”
[#Webdesign #Coding] Learn React State In a Single Video (Context, Reducer, Dispatch, Memo)
Learn React State In a Single Video (Context, Reducer, Dispatch, Memo)
By LearnWebCode
Published: May 16, 2022“
Let’s learn about “state” in React. My premium courses and coupons: https://learnwebcode.com/courses/
GitHub link for this video: https://github.com/LearnWebCode/react…
0:00 Intro
- 2:12 Getting Started (First Example)
- 19:12 Multiple Components
- 33:12 Context
- 48:05 Caveat (Unintentional Renders)
- 1:02:19 Reducer
- 1:24:14 Don’t Make Everything Global
Follow LearnWebCode for updates on new videos or projects:
- Instagram: https://www.instagram.com/javaschiff/
- Twitter: https://twitter.com/learnwebcode
- Facebook: https://www.facebook.com/Brad-Schiff-…
- Twitch: https://www.twitch.tv/learnwebcode
”
[#Webdesign #Coding] Bootstrap v5: Getting Started (Buttons, Responsive Columns, Accordion)
Bootstrap v5: Getting Started (Buttons, Responsive Columns, Accordion)
By LearnWebCode
Published: Aug 26, 2020“
0:00 Intro
1:07 Getting Started
3:09 Version 5
5:01 Basic Classes
9:28 Columns
14:08 Responsive Classes
19:16 Bootstrap JS
21:44 Opinion: Should You Use Bootstrap?Playlist for this full series: https://www.youtube.com/playlist…
Follow me for updates on new episodes:
- Instagram: https://www.instagram.com/javaschiff/
- Twitter: https://twitter.com/learnwebcode
- Facebook: https://www.facebook.com/Brad-Schiff-…
- Twitch: https://www.twitch.tv/learnwebcode
Check out my premium courses:
https://www.udemy.com/user/bradschiff/”
