Latest videos

Generative AI
4 Views · 2 years ago

Learn how to use Deno in this complete course. Deno is a Node.js alternative created by the same person who created Node.js. In this tutorial course, you will learn how to build real apps with Deno. You will also learn the basics of the Typescript. You will see how to use Deno to build a survey app with a REST API using MongoDB.

💻 Code: https://github.com/thecodeholi....c/freecodecamp-deno-
💻 Survey application code: https://github.com/thecodeholic/deno-survey

🎥 Course from The Codeholic. Check out his channel: https://www.youtube.com/channe....l/UC_UMEcP_kF0z4E6Kb
🐦 The Codeholic on Twitter: https://twitter.com/TheCodeholic

🔗 Official Deno website: https://deno.land/

⭐️ Course Contents ⭐️
Introduction
---------------------
⌨️ (00:00:00) Introduction
⌨️ (00:02:02) Course overview
⌨️ (00:04:38) Course Project
⌨️ (00:05:51) What is Deno
⌨️ (00:08:19) Course project (Survey app) demo
⌨️ (00:11:54) Install and Getting started
⌨️ (00:14:34) Write "Hello World"
⌨️ (00:15:50) Main Features

TypeScript
---------------------
⌨️ (00:17:22) What is TypeScript
⌨️ (00:24:04) TypeScript Types
⌨️ (00:37:40) Interfaces
⌨️ (00:43:46) Classes
⌨️ (00:48:03) Generics
⌨️ (00:56:31) Enums

Main features
---------------------
⌨️ (01:01:23) Import from URL
⌨️ (01:02:23) ES6 Modules import syntax
⌨️ (01:03:01) Top Level await
⌨️ (01:04:18) Browser API
⌨️ (01:06:20) Security
⌨️ (01:16:31) Single Executable file

⌨️ (01:18:55) Terminal commands
⌨️ (01:23:52) Standard Library and 3rd party modules
⌨️ (01:26:31) Create basic HTTP server
⌨️ (01:32:20) Working with file system
⌨️ (01:41:55) Using npm packages
⌨️ (01:45:40) Answers on common questions

Project - Survey app
----------------------
⌨️ (01:57:02) Install oak framework and setup basic server
⌨️ (02:03:41) Install denon for automatic server restart on file change
⌨️ (02:06:03) Easily manage versions and dependencies
⌨️ (02:08:06) Organize routes
⌨️ (02:09:36) Create AuthController and configure Login & Register routes
⌨️ (02:13:54) Setup connection with MongoDB
⌨️ (02:19:40) Create User model and implement registration
⌨️ (02:40:42) Implement login
⌨️ (02:54:16) Install dontenv and create .env file

Survey CRUD
----------------------
⌨️ (02:59:35) Configure routes for Survey CRUD and Create SurveyController
⌨️ (03:04:52) Create Survey model and implement Survey creation
⌨️ (03:11:22) Implement get surveys
⌨️ (03:20:33) Create BaseModel and inherit Survey and User models from there
⌨️ (03:26:12) Implement to get single survey
⌨️ (03:31:29) Implement survey update
⌨️ (03:39:22) Printing application errors
⌨️ (03:40:26) Fixing problem of "this" binding
⌨️ (03:44:27) Implement survey deletion
⌨️ (03:48:52) Create authMiddleware and add authentication to Survey CRUD

⌨️ (04:07:38) Implement CRUD of questions

Create Website
----------------------
⌨️ (04:44:15) Create SiteController and configure routes
⌨️ (04:47:38) Install template engine and create views
⌨️ (04:51:48) Render all surveys
⌨️ (04:55:32) Configure oak to handle static files (CSS, Javascript, Images)
⌨️ (05:06:05) Write basic styles
⌨️ (05:07:31) Create and use partial view files
⌨️ (05:09:30) Implement to view single survey
⌨️ (05:33:58) Get form submitted data and validation
⌨️ (05:49:07) Implement displaying validation errors in form
⌨️ (06:01:45) Implement to save survey answers
⌨️ (06:14:49) Create a real survey using our survey app



--



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 · 2 years ago

Join me in solving coding problems, in real time. I'm not just going to tell you the solution... you're going to watch me solve the problem. I see too many posts on sites like Reddit where people are worried about diving in and writing code, or they want to break out of tutorial hell. I know I used to be intimidated seeing instructors blasting through code in one try... but then I realized it's scripted.

I've been coding in JavaScript for 5 years: see if you can beat me to the solution, and then let's compare notes.

Open the same problem on freeCodeCamp.org: https://www.freecodecamp.org/l....earn/javascript-algo

Did you solve the problem before I could? What'd you do that I didn't do? How fast was your solution? Let me know in the comments below!

Generative AI
2 Views · 2 years ago

Use a span to Target Inline Elements



#100daysofcode




you can do it

Generative AI
3 Views · 2 years ago

Redux: Use Middleware to Handle Asynchronous Actions
#100DaysOfCode

Generative AI
5 Views · 2 years ago

✍ My book : https://www.amazon.com/dp/B0915RP5XK

Contact me ✔
✉ Email: hasan_armstrong@hotmail.co.uk

Generative AI
4 Views · 2 years ago

Improve your cybersecurity and Linux skills by solving challenges in the Bandit Wargame from OverTheWire. This video is a walk through of how to solve the challenges—but make sure to try each on your own before watching the solution!

🔗 Start the game here: https://overthewire.org/wargames/bandit/

✏️ Tutorial from Sabyasachi Paul. Check out his channel: https://www.youtube.com/channe....l/UCF6DLMsBz6AdX4Wk1
🔗 Sabyasachi's Linktree: https://linktr.ee/h0tPlug1n

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:11) Level 0
⌨️ (0:04:06) Level 0 - Level 1
⌨️ (0:05:11) Level 1 - Level 2
⌨️ (0:06:18) Level 2 - Level 3
⌨️ (0:07:56) Level 3 - Level 4
⌨️ (0:09:11) Level 4 - Level 5
⌨️ (0:11:57) Level 5 - Level 6
⌨️ (0:14:51) Level 6 - Level 7
⌨️ (0:17:06) Level 7 - Level 8
⌨️ (0:18:37) Level 8 - Level 9
⌨️ (0:21:08) Level 9 - Level 10
⌨️ (0:22:45) Level 10 - Level 11
⌨️ (0:24:10) Level 11 - Level 12
⌨️ (0:27:11) Level 12 - Level 13
⌨️ (0:35:22) Level 13 - Level 14
⌨️ (0:37:01) Level 14 - Level 15
⌨️ (0:38:45) Level 15 - Level 16
⌨️ (0:41:35) Level 16 - Level 17
⌨️ (0:50:46) Level 17 - Level 18
⌨️ (0:53:07) Level 18 - Level 19
⌨️ (0:55:28) Level 19 - Level 20
⌨️ (0:58:23) Level 20 - Level 21
⌨️ (1:02:33) Level 21 - Level 22
⌨️ (1:07:47) Level 22 - Level 23
⌨️ (1:11:54) Level 23 - Level 24
⌨️ (1:26:39) Level 24 - Level 25
⌨️ (1:32:53) Level 25 - Level 26
⌨️ (1:43:25) Level 26 - Level 27
⌨️ (1:47:18) Level 27 - Level 28
⌨️ (1:52:10) Level 28 - Level 29
⌨️ (1:56:36) Level 29 - Level 30
⌨️ (2:00:17) Level 30 - Level 31
⌨️ (2:05:31) Level 31 - Level 32
⌨️ (2:10:34) Level 32 - Level 33
⌨️ (2:14:45) Level 33 - Level 34

🎉 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 · 2 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
4 Views · 2 years ago

You didn't realize you needed this until now: A brand new game from freeCodeCamp. Learn all about Learn To Code RPG from game creator Lynn Zheng and watch a playthough from Ania Kubów.

Learn more about the game and its development here: https://www.freecodecamp.org/n....ews/learn-to-code-rp
Download the game for free from Itch: https://freecodecamp.itch.io/learn-to-code-rpg
Check out the open source code on GitHub: https://github.com/freeCodeCamp/LearnToCodeRPG

Generative AI
1 Views · 2 years ago

Redux: Send Action Data to the Store.

Generative AI
3 Views · 2 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
0 Views · 2 years ago

FOLLOW ALONG LINK: https://www.freecodecamp.org/l....earn/responsive-web-

Check out the FreeCodeCamp.org Courses Here
https://www.freecodecamp.org/learn/

My Playlist for Responsive Web Design Certification using FreeCodeCamp.Org Courses
https://www.youtube.com/playli....st?list=PLhcxfEf5Q1Z

This video is part of the Responsive Web Design Certification 300 hours Course From FreeCodeCamp.Org.
It should be noted, F3ND1MUS is not officially affiliated and does not represent FreeCodeCamp.Org, But does love their content and appreciates the information that was created, I create these videos to help the world learn more about code, coding, and technology, in order to create a better world of people helping themselves and others, also there is permission to use these videos as seen at the bottom of this description.

If you have any questions leave them in the comment section below, please follow along and learn and grow a little bit everyday by doing productive tasks everyday.

Understanding is best achieved through practicing and reading the material for yourself, watching will only provide so much immersion, although for some it may be adequate, for most it will not. This means doing the code is very important to gaining the experience and skills.

I am very much a beginner in programming and coding, this is my experience through this course, I may stumble, fall or even fail, but I will always dust myself off and come back when I am ready after a break, or some rest if needed, this cycle is continuous through life, and I suggest all students understand this and accept it for what it is.

Never stop learning.

Thank you for your time, I hope you found this video helpful.

F3ND1MUS

Permission to use the material on FreeCodeCamp.org is created with permission based on public information posted by Quincy Larson of FreeCodeCamp.org, for more information see here:
https://youtuberfriendlycompan....ies.blogspot.com/202

THANK YOU QUINCY LARSON AND FREE CODE CAMP.ORG TEAM!

For more F3ND1MUS information go here:
https://f3nd1mus.wordpress.com/ October 18, 2020
[RESOLVED/SORT OF] FreeCodeCamp.org not Working with Internet Explorer Microsoft Edge Safari etc
https://f3nd1mustechproblems.b....logspot.com/2020/10/

Generative AI
1 Views · 2 years ago

Basic Javascript lessons 1-5 FreeCodeCamp.org odhinsWell

In my video today I am working through FreeCodeCamp.orgs basic java script lessons 1-5.

I am very excited to be doing this course and learning all this amazing knowledge and to be sharing it with you.

00:00 Introduction
00:11 Basic JS
01:01 Lesson 1 - Commenting
02:53 Lesson 2 - Declaring Variables
05:12 Lesson 3 - Assigning Variabls
07:06 Tea (yum yum)
08:10 Lesson 4 - Assign Value Of Var To Anther Var
09:32 Lesson 5 - Declare & Assign At The Same Time
11:20 Outro & Bloopers

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Basic Javascript lessons 1-5 FreeCodeCamp.org odhinsWell

javascript course - javascript tutorial - javascript for beginners - learn javascript for beginners - freecodecamp javascript - freecodecamp javascript full course - freecodecamp javascript beginner - freecodecamp javascript walkthrough - freecodecamp javascript basic - freecodecamp javascript tutorial - javascript tutorial for beginners - Basic Javascript lessons 1-5 FreeCodeCamp.org odhinsWell
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Brought to you by odhinsWell Systems & Processes

Generative AI
3 Views · 2 years ago

✍ My book : https://www.amazon.com/dp/B0915RP5XK

Contact me ✔
✉ Email: hasan_armstrong@hotmail.co.uk

Generative AI
3 Views · 2 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
4 Views · 2 years ago

In this project tutorial, you will build a LeetCode clone with React, Tailwind CSS, Next.JS, Typescript, and Firebase. Also deploy it to Vercel at the end.

💻 Source Code: https://github.com/burakorkmez..../leetcode-clone-yout
💻 Github Gist: https://gist.github.com/burako....rkmez/5ba4c1a910f396
🔗 Demo Project: https://leetclone.vercel.app/problems/two-sum
🔗 Discord Server(to ask questions): https://discord.gg/YFn2WyheZV

Course created by @asaprogrammer_

⭐️ Contents ⭐️
0:00:00 Intro
0:00:29 Demo of The App
0:05:23 Project Setup
0:08:51 Auth Page Setup
0:13:19 Auth Page Navbar
0:18:54 AuthModal Layout UI
0:22:16 Login UI
0:29:41 Signup UI
0:31:59 ResetPassword UI
0:33:13 Integrating Recoil Auth State
0:47:31 Firebase Setup
0:52:41 Signup Functionality
1:01:21 Login Functionality
1:05:14 Auth Page Route Guard
1:08:01 Home Page UI
1:12:50 Problems Table UI
1:21:01 Youtube Video Modal
1:29:51 Topbar Update On Auth
1:32:46 Logout Functionality
1:37:11 Auth Modal Optimizations
1:38:44 Reset Password Functionality
1:42:56 React Toastify
1:47:19 Image optimizations
1:54:33 Creating [pid] page and update topbar
2:02:27 Creating Timer.tsx
2:12:31 Creating Workspace.tsx
2:15:18 Splitting The Page
2:19:47 Creating ProblemDescrition.tsx
2:26:03 Creating PreferenceNav.tsx
2:34:39 Creating Code Editor
2:41:10 Adding Test Cases UI
2:50:15 Creating EditorFooter.tsx
2:56:32 Data Handling Explained
3:01:50 Two Sum Problem
3:12:52 Reverse Linked List
3:18:05 Jump Game Problem
3:20:13 Valid Parentheses Problem
3:21:16 Search 2d Matrix Problem
3:22:01 Using SSG for [pid].tsx
3:46:47 Updating testcases UI
3:51:39 Initializing Firestore
3:55:56 Adding problems to DB
4:12:09 Fetch Problems
4:32:58 Create Users in DB
4:40:33 Fetch problem data
4:51:28 Loading skeletons
4:56:35 Get user data on the problem
5:06:23 Like functionality
5:27:51 Dislike functionality
5:39:03 Star functionality
5:46:03 Next and Previous problem
5:55:23 Solving Hydration Error
5:58:08 Confetti Celebration
6:01:43 Code Submission
6:20:50 Save code to localstorage
6:24:48 Solving bugs
6:31:08 Toggle Full Screen
6:34:13 SettingsModal UI
6:41:33 SettingsModal Functionality
6:54:23 Update Home Page
6:59:11 Sandboxing technique
7:01:58 Deployment
7:05:08 Firebase Rules

🎉 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
2 Views · 2 years ago

React: Pass a Callback as Props


#100DaysOfCode.




Showing 92 out of 580