- 173
- 26 894 360
LearnWebCode
United States
Registrace 10. 02. 2010
I make videos about CSS, JavaScript, and WordPress. I also teach premium courses which are available on my website.
Web Scraping, Screenshotting and Automated Testing Playwright Tutorial
Let's use Playwright to automate our scraping, screenshotting, and testing needs.
Check out the brand new Glorious Fox Linear Switches: gloriousgaming.com/products/glorious-fox-linear-switches
Here's my website with my premium courses learnwebcode.com/
0:00 Intro and Tests
6:55 Screenshots
11:03 Web Scraping
Follow me for updates on new videos or projects:
Instagram: javaschiff
Twitter: learnwebcode
Facebook: Brad-Schiff-1542576316048470/
Twitch: www.twitch.tv/learnwebcode
Check out the brand new Glorious Fox Linear Switches: gloriousgaming.com/products/glorious-fox-linear-switches
Here's my website with my premium courses learnwebcode.com/
0:00 Intro and Tests
6:55 Screenshots
11:03 Web Scraping
Follow me for updates on new videos or projects:
Instagram: javaschiff
Twitter: learnwebcode
Facebook: Brad-Schiff-1542576316048470/
Twitch: www.twitch.tv/learnwebcode
zhlédnutí: 1 895
Video
3 Actually Helpful VS Code Tips 🤯
zhlédnutí 1,8KPřed dnem
Check out my premium courses here learnwebcode.teachable.com/p/learnwebcode-premium In VS Code, when you use multiple cursors, did you know that each cursor has its own unique clipboard that you can copy and paste with? In this video we also learn how to insert and move to a new line below your current line, and finally how to enable Linked Editing in VS Code. 0:00 Tip 1: Multiple Clipboards 1:...
What If Figma Was Better For Developers? (Penpot)
zhlédnutí 3,8KPřed 21 dnem
Learn more about Penpot's Flex and Grid support here penpot.app/design/layout?LearnWebCode&CZcams&CSSGridLayout I didn't like when Figma made "dev mode inspector" a paid only feature even for individuals. Penpot is even better for developers, has native CSS Grid and Flex support, and is free and open source software. 0:00 Intro 2:11 Boards 3:58 Inspect / Dev Mode 7:27 CSS Flexbox 15:17 CSS Grid...
Free AI in VS Code (Better Than GitHub Copilot)
zhlédnutí 7KPřed měsícem
Thank you to Codeium for sponsoring this video. Instead of GitHub Copilot, let's try Codeium for autocomplete, suggestions, and AI chat inside our text editor (VS Code). Here's a link to the example JSON endpoint I was working with learnwebcode.github.io/pet-adoption-data/pets.json Follow me for updates on new videos or projects: Instagram: javaschiff Twitter: learnwe...
10 Reasons To Try WordPress Development (JavaScript and PHP)
zhlédnutí 8KPřed měsícem
Check out the Code Brew key cap set www.gloriousgaming.com/products/gpbt-code-brew Check out my full courses here learnwebcode.com/ My WordPress boilerplate on GitHub github.com/LearnWebCode/brads-boilerplate-wordpress
Top 5 VS Code Color Themes!
zhlédnutí 2,1KPřed měsícem
Learn to code with me here learnwebcode.com/ Here are my five favorite color themes for my text editor of choice; Visual Studio Code. Follow me for updates on new videos or projects: Instagram: javaschiff Twitter: learnwebcode Facebook: Brad-Schiff-1542576316048470/ Twitch: www.twitch.tv/learnwebcode
Actually Understand The Interactivity API in WordPress (Boilerplate Starter)
zhlédnutí 2,7KPřed měsícem
Check out my full WordPress course here learnwebcode.com/ Let's understand the basics of the Interactivity API and how to access block attributes. My GitHub Boilerplate github.com/LearnWebCode/brads-boilerplate-wordpress Follow me for updates on new videos or projects: Instagram: javaschiff Twitter: learnwebcode Facebook: Brad-Schiff-1542576316048470/ Twi...
Figma Design To WordPress Theme Tutorial (Tailwind CSS)
zhlédnutí 4,3KPřed měsícem
This is an excerpt from my 22 hour 2024 Web Developer Bootcamp course. Join the full course here learnwebcode.teachable.com/p/learnwebcode-premium Here's the Figma design we're building from www.figma.com/community/file/1282090926296078695 Theme files that we're starting from github.com/LearnWebCode/wordpress-task 0:00 Intro 14:53 Adding Starter Theme Files 29:39 Single Post Template 36:45 Usin...
When To Create a Block Theme vs Traditional Theme in WordPress?
zhlédnutí 2,6KPřed měsícem
Check out my full WordPress course here learnwebcode.teachable.com/p/learnwebcode-premium Let's talk about when to use a block theme, when to create a traditional theme, and when to create what I call a "Hybrid Bespoke Block" theme. Follow me for updates on new videos or projects: Instagram: javaschiff Twitter: learnwebcode Facebook: Brad-Schiff-154257631...
Multiple WordPress Blocks In One Plugin (@wordpress/create-block)
zhlédnutí 2,5KPřed měsícem
Check out my full WordPress course here learnwebcode.teachable.com/p/learnwebcode-premium My Interactivity API Tutorial czcams.com/video/49_XlQJYztA/video.html You may have noticed CSS isn't being applied to the 2nd and 3rd blocks. You just need to go into your "editor.scss" and "style.scss" files for each new block and change the ending part of their selector to match your newly duplicated blo...
How to Create New Blocks In WordPress (@wordpress/create-block)
zhlédnutí 3,1KPřed 2 měsíci
Check out my full WordPress course here learnwebcode.teachable.com/p/learnwebcode-premium My Interactivity API Tutorial czcams.com/video/49_XlQJYztA/video.html Follow me for updates on new videos or projects: Instagram: javaschiff Twitter: learnwebcode Facebook: Brad-Schiff-1542576316048470/ Twitch: www.twitch.tv/learnwebcode
Host Infinite WordPress Sites On Affordable Plan (My Git Setup)
zhlédnutí 3,5KPřed 2 měsíci
Here's my link to DreamHost click.dreamhost.com/aff_c?offer_id=8&aff_id=17231 Join my full course here learnwebcode.teachable.com/p/learnwebcode-premium This is how I host all of my WordPress sites for a super low price; and how I integrate Git so deploying updates to existing sites is fast and seamless. 0:00 Intro 4:04 The Type of Hosting Plan I Use 16:41 Installing WordPress on Host 25:48 Mig...
WordPress Interactivity API Tutorial & Explanation
zhlédnutí 6KPřed 2 měsíci
Join the full course here learnwebcode.teachable.com/p/learnwebcode-premium GitHub code reference for this video github.com/LearnWebCode/interactivity-api-tutorial 0:00 Intro 6:51 Creating Our Block 26:04 What Is Context? 40:17 Front-End Basics 53:46 Blending Server & Client 1:13:44 Sorry & Congrats Messages 1:30:12 Callbacks 1:39:21 When To Use State Instead of Context Follow me for updates on...
Next.js 14 Tutorial for Beginners
zhlédnutí 4,3KPřed 4 měsíci
Join my React course here learnwebcode.teachable.com/p/learnwebcode-premium JSON we use in this lesson learnwebcode.github.io/bootcamp-pet-data/pets.json My reference code that I wrote in this video github.com/LearnWebCode/nextjs-intro-tutorial 0:00 Intro 4:15 Why Is This Useful? 5:59 Linking Between Pages 12:52 Adding Client Interactivity 18:05 Dynamic URL Routes 31:47 Adding CSS
Mac Web Development Setup: Homebrew, FZF, Window Management & More!
zhlédnutí 3KPřed 4 měsíci
Check out my courses; premium access includes our Discord server learnwebcode.teachable.com/p/learnwebcode-premium My FZF shell script: gist.github.com/LearnWebCode/694756ca49c57f254e3d8dc195fdfdc7 My VS Code settings.json: gist.github.com/LearnWebCode/e9e84f7a47b01d3dfa06d2d038dd4563
Programmatic URLs in Next.js Static Site Generation
zhlédnutí 1,4KPřed 4 měsíci
Programmatic URLs in Next.js Static Site Generation
Hover Selector (in Tailwind CSS) For Parent & Child Elements
zhlédnutí 2,5KPřed 5 měsíci
Hover Selector (in Tailwind CSS) For Parent & Child Elements
Next.js Can Sit Alongside Old PHP / WordPress Sites 🤯
zhlédnutí 3,7KPřed 5 měsíci
Next.js Can Sit Alongside Old PHP / WordPress Sites 🤯
POV: You Just Finished A Coding Bootcamp And Feel Overwhelmed
zhlédnutí 2,6KPřed 6 měsíci
POV: You Just Finished A Coding Bootcamp And Feel Overwhelmed
Learn HTML & CSS For Beginners (Let's Code From a Figma Design)
zhlédnutí 10KPřed 6 měsíci
Learn HTML & CSS For Beginners (Let's Code From a Figma Design)
WordPress Full Site Editing But For Developers
zhlédnutí 24KPřed rokem
WordPress Full Site Editing But For Developers
The Return of jQuery (Not really, just Alpine.js)
zhlédnutí 9KPřed rokem
The Return of jQuery (Not really, just Alpine.js)
Make VS Code Act Like CodePen (Live Preview As You Type)
zhlédnutí 7KPřed rokem
Make VS Code Act Like CodePen (Live Preview As You Type)
OpenAI With JavaScript (GPT-3 and DALL-E in Node.js)
zhlédnutí 16KPřed rokem
OpenAI With JavaScript (GPT-3 and DALL-E in Node.js)
Laravel Tutorial For Beginners (Simple User CRUD App)
zhlédnutí 173KPřed rokem
Laravel Tutorial For Beginners (Simple User CRUD App)
How To Get Started With PHP, Composer & Laravel (Windows & Mac)
zhlédnutí 37KPřed rokem
How To Get Started With PHP, Composer & Laravel (Windows & Mac)
Let's Learn Laravel (Course Announcement)
zhlédnutí 6KPřed rokem
Let's Learn Laravel (Course Announcement)
Code a Game Using React + Data Fetching with useEffect
zhlédnutí 11KPřed 2 lety
Code a Game Using React Data Fetching with useEffect