Top videos

Generative AI
3 Views · 3 years ago

Learn how to identify and fix WordPress performance issues. Most of what you will learn applies to non-WordPress websites as well, so there will be something for everyone.

✏️ Beau Carnes create this course.

🏗 InMotion hosting provided a grant to make this course possible. Get a free trial with this link: https://www.inmotionhosting.co....m/wordpress-hosting/
🔗 Learn more about W3 Total Cache: https://www.boldgrid.com/w3-total-cache/

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:41) Setting Your Performance Goals
⌨️ (0:07:39) Performance Testing Tools
⌨️ (0:11:40) Speed and Performance Indicators
⌨️ (0:12:19) Core Web Vitals & More (LCP, FID, CLS, FCP, SI, TBT, TTFB, TTI)
⌨️ (0:29:26) Understanding a Website Request
⌨️ (0:31:55) Server Configuration & Tuning for WordPress
⌨️ (0:58:33) W3 Total Cache
⌨️ (1:06:15) Caching Explained with Implementation Techniques
⌨️ (1:18:43) Top 10 Techniques to Improve Core Web Vitals for WordPress
⌨️ (1:30:00) Conclusion

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Generative AI
3 Views · 3 years ago

Learn the basics of Django by building a simple online marketplace where people can buy and sell items. You will learn how to implement:
- Authentication
- Communication between users
- Dashboard for your items
- Form handling and customizations
- and more

✏️ The course is developed by CodeWithStein. Check out his channel:
https://www.youtube.com/c/CodeWithStein
CodeWithStein on twitter: https://twitter.com/codewithstein

💻 Code: https://github.com/SteinOveHelset/puddle

⭐️ Contents ⭐️
⌨️ (0:00:00) Demo
⌨️ (0:02:01) Introduction
⌨️ (0:02:20) Setting up
⌨️ (0:06:00) First app
⌨️ (0:24:51) Items
⌨️ (0:44:30) Item detail
⌨️ (0:55:56) Signing up
⌨️ (1:10:06) Logging in
⌨️ (1:15:44) Adding items
⌨️ (1:28:25) Dashboard
⌨️ (1:32:36) Delete items
⌨️ (1:36:58) Edit items
⌨️ (1:40:01) Searching
⌨️ (1:53:43) Communication
⌨️ (2:23:00) Summary

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Generative AI
3 Views · 3 years ago

Learn bash scripting in this crash course for beginners. Understanding how to use bash scripting will enhance your productivity by automating tasks, streamlining processes, and making your workflow more efficient.

✏️ Course created by @Herbertech

💻 Code: https://github.com/herbertech/bash-intro-tutorial

⌨️ (00:00) Introduction
⌨️ (03:24) Basic commands
⌨️ (06:21) Writing your first bash script
⌨️ (11:29) Variables
⌨️ (14:55) Positional arguments
⌨️ (16:23) Output/Input redirection
⌨️ (23:23) Test operators
⌨️ (25:19) If/Elif/Else
⌨️ (28:37) Case statements
⌨️ (32:16) Arrays
⌨️ (34:12) For loop
⌨️ (36:03) Functions
⌨️ (41:31) Exit codes
⌨️ (42:30) AWK
⌨️ (45:11) SED

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Generative AI
3 Views · 3 years ago

Learn how to easily implement modern designs in your Tkinter-based Python applications using ttkbootstrap.

You will learn how to use all the main ttkbootstrap widgets to make your Tkinter apps look modern and awesome!

✏️ Course developed by @TkinterPython

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:09:07) Labels and Buttons
⌨️ (0:19:59) CheckButtons
⌨️ (0:29:50) Resizing Buttons
⌨️ (0:35:46) Combo Boxes
⌨️ (0:42:52) Entry Boxes
⌨️ (0:48:58) Floodgauge
⌨️ (0:58:29) Date Entry
⌨️ (1:08:37) Frames and Labels
⌨️ (1:14:31) Menu Buttons
⌨️ (1:23:50) Meters
⌨️ (1:37:53) Notebooks
⌨️ (1:44:13) Progress Bars
⌨️ (1:59:24) Radio Buttons
⌨️ (2:10:46) Sliders
⌨️ (2:19:05) Scrollbars
⌨️ (2:24:58) Separators and Sizegrips
⌨️ (2:31:19) Spinboxes
⌨️ (2:39:01) Treeview
⌨️ (2:45:52) Message Boxes
⌨️ (2:57:30) Color Chooser
⌨️ (3:05:52) Scrolled Text
⌨️ (3:12:08) Scrolled Frame
⌨️ (3:17:39) Toast Messages
⌨️ (3:23:14) Conclusion

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Generative AI
3 Views · 3 years ago

Learn to use Astro in this beginner's tutorial. Astro is an all-in-one web framework for building fast, content-focused websites like landing pages, blogs, technical documentation, and more.

✏️ This course was developed by @JamesQQuick
🔗 Longer Astro Course: https://astrocourse.dev/

💻 Code: https://github.com/jamesqquick/astro-course-demo

Astro Docs - https://docs.astro.build/
SSG vs SSR Diagram - https://app.eraser.io/workspac....e/CmsSg90ShrgnuACWRs

⌨️ (0:00:00) Intro
⌨️ (0:00:35) What We'll Cover
⌨️ (0:01:23) Creating an Astro Project
⌨️ (0:06:23) Astro Overview (components, file based routing, css, and more)
⌨️ (0:13:23) Astro Setup in VS Code
⌨️ (0:16:23) Setting Up Tailwind
⌨️ (0:18:23) Updating the Site Layout
⌨️ (0:27:23) Working with Markdown and Content Collections
⌨️ (0:34:23) Querying and Displaying Blog Posts Using Content Collections
⌨️ (0:40:23) Creating Dynamic Routes For Individual Blog Posts
⌨️ (0:46:38) Tailwind Typography Plugin
⌨️ (0:47:53) Optimizing Images
⌨️ (0:52:43) Using the ViewTransitions API
⌨️ (0:54:03) Adding Support for MDX
⌨️ (0:56:23) Deploy to Netlify and Vercel
⌨️ (0:59:23) Enabling SSR in Astro
⌨️ (1:08:53) Astro Server Endpoints
⌨️ (1:12:23) Deploying SSR to Netlify and Vercel
⌨️ (1:16:23) Wrap Up

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Generative AI
3 Views · 3 years ago

Learn the basics of HTML and how to begin coding in this course for beginners.

Are you interested in coding but have never tried it before? Are you curious about how to create your own website or app? If so, then this video course is for you!

✏️ Course developed by @AniaKubow
🔗 Full course: http://codewithania.com/

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:34) What is a code editor?
⌨️ (0:03:08) Code editor options
⌨️ (0:03:52) Files files files
⌨️ (0:07:27) HTML Introduction
⌨️ (0:09:27) HTML - what is it exactly?
⌨️ (0:11:53) HTML Syntax
⌨️ (0:17:08) Saving files in your code editor
⌨️ (0:18:19) HTML Anatomy
⌨️ (0:22:50) Headings
⌨️ (0:24:49) Paragraphs
⌨️ (0:26:04) HTML headings, paragraphs and emphasis
⌨️ (0:32:20) Indenting code in HTML
⌨️ (0:34:03) HTML lists
⌨️ (0:38:54) HTML links
⌨️ (0:43:49) Navigating Pages
⌨️ (0:51:20) Images in HTML
⌨️ (0:55:15) Creating tables using HTML
⌨️ (1:03:27) Introducing the Div
⌨️ (1:05:09) Semantic sectioning
⌨️ (1:07:39) Table Tennis Leaderboard: Project prep
⌨️ (1:09:30) Table Tennis Leaderboard: Starting out our project
⌨️ (1:12:44) Table Tennis Leaderboard: table rows and lists
⌨️ (1:16:44) Table Tennis Leaderboard: Sectioning and the figure element
⌨️ (1:25:27) HTML forms
⌨️ (1:26:52) The various input element types in HTML
⌨️ (1:33:17) HTML Inputs exercise 1
⌨️ (1:40:40) HTML Inputs exercise 2
⌨️ (1:43:55) HTML Inputs exercise 3
⌨️ (1:48:57) The select dropdown in HTML
⌨️ (1:54:38) The Inspect tool
⌨️ (1:56:51) Using the data attribute in HTML
⌨️ (1:59:15) Commenting out code
⌨️ (2:01:29) What’s next?

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Generative AI
3 Views · 3 years ago

React: Use Array.map() to Dynamically Render Elements
#100DaysOfCode

Generative AI
3 Views · 3 years ago

React: Pass a Callback as Props


#100DaysOfCode.

Generative AI
3 Views · 3 years ago

Gatsby is a framework for creating blazing fast websites and web applications. Powered by React and GraphQL, Gatsby gives you everything you need to build and launch your next project. In this tutorial, you will learn everything you need to build and launch your first site with Gatsby. You’ll build a website from scratch and learn how to get it deployed to production.

💻 Course created by Andrew Mead. Follow him on Twitter: https://twitter.com/andrew_j_mead

Andrew Mead's premium courses:
🔗 Node.js (most popular): http://links.mead.io/fccnode
🔗 JavaScript: http://links.mead.io/fccjs
🔗 React: http://links.mead.io/fccreact
🔗 GraphQL: http://links.mead.io/fccgraphql

⭐️ Course Contents ⭐️
⌨️ 1. Creating a Gatsby Site
- Timestamp: 0:38
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 2. Working with Gatsby Pages
- Timestamp: 14:50
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 3. Linking Between Pages with Gatsby
- Timestamp: 27:00
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 4. Creating Shared Page Components
- Timestamp: 35:56
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 5. Creating Gatsby Page Layouts
- Timestamp: 48:14
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 6. Styling Gatsby Projects
- Timestamp: 56:13
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 7. Styling Gatsby with CSS Modules
- Timestamp: 1:06:49
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 8. Gatsby Data with GraphQL
- Timestamp: 1:28:23
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 9. GraphQL Playground
- Timestamp: 1:47:12
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 10. Sourcing Content from the File System
- Timestamp: 1:51:32
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 11. Working with Markdown Posts
- Timestamp: 2:03:37
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 12. Generating Slugs for Posts
- Timestamp: 2:19:00
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 13. Dynamically Generating Pages
- Timestamp: 2:35:14
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 14. Rendering Post Data in Blog Template
- Timestamp: 2:52:08
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 15. Adding Images to Posts
- Timestamp: 3:03:28
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 16. Getting Started with Contentful
- Timestamp: 3:21:19
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 17. Rendering Contentful Posts
- Timestamp: 3:38:29
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 18. Dynamic Pages from Contentful
- Timestamp: 3:49:24
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 19. 404 Pages and React Helmet
- Timestamp: 4:10:18
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb
⌨️ 20. Deploying Your Gatsby Site
- Timestamp: 4:25:38
- Code: https://s3-us-west-2.amazonaws.....com/the-great-gatsb

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

Generative AI
3 Views · 3 years ago

Que onda gente, hace poco que empecé a estudiar programación y lo hice en freecode y creo que seria buena idea ir dando mi punto de vista y recomendando cosas, para que su camino sea menos tedioso si planean hacerlo al igual que yo por este medio.

---------- REDES ----------

Insta: https://www.instagram.com/arnix_minad​...
Twitter: https://twitter.com/arnix_minadeo​
Canal de Twitch: https://www.twitch.tv/arnixgamer​
Tik Tok: https://www.tiktok.com/@arnix_minadeo...

---------- ONEWAY ----------

Instagram: https://www.instagram.com/oneway.py/?hl=es-la
Facebook: https://www.facebook.com/OnewayPyOficial

---------- PODCAST ----------

Spotify: https://open.spotify.com/show/....7vgOF0bUOtQN58lK22tB
Anchor: https://anchor.fm/arnaldo-daniel-ferreira-minadeo

---------- DISCORD ---------

Server de discord: https://discord.gg/QV6K9Mj​

Generative AI
3 Views · 3 years ago

Basic JavaScript Lessons 6-10 FreeCodeCamp org odhinsWell

In this lesson we talk about:
Declaring String Variables
Understanding uninitialized variables
Understanding case sensitivity in variables
Explore differences between the var and the let keywords
Declare a read only variable with the const keyword.

00:00 Introduction
00:44 Declare String Variables
01:34 Understanding Uninitialized Variables
03:25 Understanding Case Sensitivity
05:14 Explore Differences Between the var and let Keywords
06:12 Declare a Read-Only Variable with the Const Keyword
08:21 Outro & Bloopers

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Basic JavaScript Lessons 6-10 FreeCodeCamp org odhinsWell

freecodecamp javascript - freecodecamp javascript es6 - freecodecamp javascript review - freecodecamp javascript beginner - freecodecamp javascript basic - javascript tutorial for beginners - learn to code for beginners - learn to code for beginners free online - learn to code javascript for beginners - best code to learn for beginners - easiest coding to learn for beginners - learn to code - learn to code java - learn to code fast - javascript - javascript crash course

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Generative AI
3 Views · 3 years ago

Use a span to Target Inline Elements



#100daysofcode




you can do it

Generative AI
3 Views · 3 years ago

React: Add Inline Styles in React


#100DaysOfCode

Generative AI
3 Views · 3 years ago

Support our campaign here: https://www.freecodecamp.org/n....ews/p/4476d664-eb83-

View the Curriculum Design Sheets (these are very much a work in progress): https://docs.google.com/spread....sheets/d/1KXEJvgnAzi

If you're a math / CS professor or Data Science practitioner, we'd appreciate your feedback / ideas for this curriculum: https://docs.google.com/forms/....d/e/1FAIpQLScLiGgmYh

Follow Quincy on Twitter: https://twitter.com/ossia

Follow Eric on Twitter: https://twitter.com/erictleung

Follow Tom on Twitter: https://twitter.com/moTness

Follow Darrell Silver (who's 100%-matching all donations) on Twitter: https://twitter.com/darrellsilver




Showing 566 out of 579