Tag: LearnWebCode

[#Webdesign #Coding] MERN Stack Free Course: MongoDB, Express, React & Node.js Full Project

Posted on by Eric Brooks

MERN Stack Free Course: MongoDB, Express, React & Node.js Full Project

By LearnWebCode
Published: Jun 02, 2022

“
LearnWebCode Let’s learn how to build an app using the MERN Stack. My premium courses and coupons: https://learnwebcode.com/courses/

GitHub link for this video: https://github.com/LearnWebCode/mern-…

    CONTENTS:

  • 0:00 Intro
  • 3:10 Our Server (Node.js)
  • 9:27 MongoDB
  • 18:22 Connecting Node & MongoDB
  • 33:10 React
  • 51:53 Connecting React & Express
  • 1:09:02 Password Protection
  • 1:17:55 Create New Animal
  • 1:35:43 User Uploaded Photo
  • 1:43:36 Delete Button
  • 1:49:10 Update An Existing Animal
  • 1:56:30 Server-Side React Rendering

”

[#Webdesign #Coding] Tailwind CSS + WordPress Theme & Block Type Boilerplate

Posted on by Eric Brooks

Tailwind CSS + WordPress Theme & Block Type Boilerplate

By LearnWebCode
Published: Jun 27, 2022

“
LearnWebCode 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

”

[#Webdesign #Coding] WordPress REST API Authentication: Application Passwords

Posted on by Eric Brooks

WordPress REST API Authentication: Application Passwords

By LearnWebCode
Published: Mar 30, 2022

“
LearnWebCode 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)

Posted on by Eric Brooks

User Uploaded Images (Host For Free & Cloudinary Example Code)

By LearnWebCode
Published: Jun 08, 2022

“
LearnWebCode 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

Posted on by Eric Brooks

Why You Should Try Tailwind CSS

By LearnWebCode
Published: Jun 20, 2022

“
LearnWebCode 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

”

[#Webdesign #Coding] Setting Up a Windows PC For Web Development: WSL, Git, Node.js, Docker, Oh My Zsh, & MySQL

Posted on by Eric Brooks

Setting Up a Windows PC For Web Development: WSL, Git, Node.js, Docker, Oh My Zsh, & MySQL


By LearnWebCode
Published: Dec 06, 2021

“
LearnWebCode 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

”

[#Webdesign #Coding] Web Scraping with Puppeteer & Node.js: Chrome Automation

Posted on by Eric Brooks

Web Scraping with Puppeteer & Node.js: Chrome Automation

By LearnWebCode
Published: Jul 26, 2021

“
LearnWebCode 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)

Posted on by Eric Brooks

Learn React State In a Single Video (Context, Reducer, Dispatch, Memo)

By LearnWebCode
Published: May 16, 2022

“
LearnWebCode 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

”

[#Webdesign #Coding] Bootstrap v5: Getting Started (Buttons, Responsive Columns, Accordion)

Posted on by Eric Brooks

Bootstrap v5: Getting Started (Buttons, Responsive Columns, Accordion)

By LearnWebCode
Published: Aug 26, 2020

“
LearnWebCode 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…

[#Webdesign #Coding] What is JSX? The 10 Days of React JS (Day 3)

Posted on by Eric Brooks

What is JSX? The 10 Days of React JS (Day 3)


By LearnWebCode
Published: Apr 27, 2020

“
LearnWebCode Join the full course: https://www.udemy.com/course/react…
Copy & Paste Starter: https://codepen.io/learnwebcode/pen/oNgRjpo?editors=0010
CodePen Finished Code: https://codepen.io/learnwebcode/pen/gObJwwV?editors=1010

”

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.

Connect