DEV Community: CodeWellTechYT

Get selected Radio button Dynamically using JS

CodeWellTechYT — Mon, 10 Oct 2022 07:05:55 +0000

Explained about how to create Radio button,have radio button checked default , group radio buttons and show selected radio button programatically.

Timeline :

00:00: Whats in Video
00:12: Create Radio Buttons
01:00: Check radio button by default
01:16: Group Radio Buttons
02:00: Get Selected Radio Button using JS
04:13 Show selected gender

MongoDB Installation

CodeWellTechYT — Sun, 14 Aug 2022 04:29:16 +0000

How to install MongoDB for development on Windows

*Explained how to install MongoDB on Windows machine with Step by Step detailed explanation.

VSCode Setup + Extensions 2022

CodeWellTechYT — Tue, 19 Apr 2022 14:07:38 +0000

Visual Studio Code Set Up and Very useful Extensions
Timeline :
00:51 Explore Menu Bar
03:15 Terminal
04:38 Live Server
07:30 Prettier Extension
09:35 Themes
10:31 Material Icon Theme
11:41 Cursor settings and others
13:16 Reset Settings / Changes

Recipe Finder - CSS JavaScript

CodeWellTechYT — Sun, 20 Mar 2022 06:40:37 +0000

Explained creating Recipe Finder application using html,css & JavaScript.
API: https://developer.edamam.com/edamam-recipe-api

🍕🍕🍕🍕🍕🍕🍕

Timeline :

00:00 Tease of application
00:52 Create Markup
03:00 Style using CSS
03:32 CSS variables
08:07 Calculate height using calc
08:40 Style Recipe element
13:02 API Details
15:14 Render Recipes dynamically JavaScript
15:40 Fetch API
18:38 Object Destructruing
20:24 IntersetAdjacentHtml
24:00 Add Google Fonts
25:15 Search functionality
28:17 Set Scroll position
29:10 Loading image

Create Chatbot with CSS JavaScript #1 | Learn CSS JavaScript

CodeWellTechYT — Sat, 12 Mar 2022 05:55:51 +0000

Explained how to create Chatbot using Html CSS and JavaScript.

Timeline :
00:00 Teaser
01:06 Create HTML Markup - Lets Get Started
02:45 Style Markup with CSS
07:00 JavaScript Code Starts
12:06 Render Chatbot Response
17:24 Delay Chatbot Response with setTimeOut
18:06 Set Scroll Position

Expand Collapse Element / Section using 4 Css Properties

CodeWellTechYT — Tue, 08 Mar 2022 10:28:05 +0000

Explained how to implement Expand and Collapse Element or Section using 4 Css Properties that are Visibility ,Opacity,Height and Display.

🔥🔥🔥🔥🔥🔥🔥🔥

Timeline :
00:10 Visibility
02:05 Opacity
03:18 Height
06:06 Height with Opacity
06:30 Transform Scale
07:10 Display Block to None

Create Website using Html & Css

CodeWellTechYT — Sat, 05 Mar 2022 07:08:15 +0000

Explained how to create website using HTML, CSS Step by Step.
Very helpful to beginners and learners of web development.

🔥🔥🔥🔥🔥🔥🔥🔥

Timeline :

00:00 Teaser
01:14 Lets get Started & Launch VSCode
01:40 Create HTML Markup
03:47 Liver Server Extension
05:16 Style Markup using CSS
07:06 Set Background Image
08:52 Style Navigation bar with Flex
14:36 Include Google Fonts
15:10 Style Main Content
15:50 Create Login Form
17:22 Style Placeholder
17:56 Focus
19:06 Calculate Height with Calc func
26:56 Social Media Icons
32:15 Basic Form Validation
33:17 Change Background dynamically

Input String was not in a correct format | C# interview question

CodeWellTechYT — Mon, 28 Feb 2022 06:09:22 +0000

Explained what are int.Parse( ), Convert.ToInt32( ) and in.tryParse( ) and how each method is different with other. Explained when to use int.TryParse ( ) method .
This is one the most asked interview question.

Asp.Net Core Web App + Visual Studio Code : https://youtu.be/55qwQhdzkLM
Debug .Net Core Application: https://youtu.be/PjQOWLOttbA

Profile Page Application using HTML CSS & JavaScript

CodeWellTechYT — Sat, 26 Feb 2022 06:32:12 +0000

We build a user profile application using HTML CSS and JavaScript.
Have implemented Sidebar Navigation and on click of any navigation link, we show corresponding page on right side main section.

Explained how to implement slide animation on hover and how to load the page with animation where page enters from left to right.

I promise that you will be learning many Css and JavaScript concepts after watching this video and it will be a perfect Project for beginners and even for web developers.

🔥🔥🔥🔥🔥🔥🔥🔥
Timeline :
00:00 what we are building
00:38 Create the Skeleton - HTML
03:02 Styling Starts Here-CSS
06:22 Slide Background On Hover
14:05 Lets load Page on Click- JavaScript

Create and Debug .Net / dotnet Core Console Application

CodeWellTechYT — Tue, 22 Feb 2022 07:43:52 +0000

Explained how to create .net core application using .net SDK and how to debug it using Visual studio Code.

Install .net SDK and VSCode setup : https://youtu.be/55qwQhdzkLM

Javascript Closure Tutorial | Closures Explained

CodeWellTechYT — Thu, 17 Feb 2022 06:47:35 +0000

In this tutorial , I have tried to explain the concept of closure through multiple examples.
Closures explained in this way may be easier to understand. Closure is often confused with lexical scope which is an important part of closure, but it is not closure itself.

Timeline :
00:00 Intro
00:20 Understand Lexical scope
02:37 Closure
05:38 Closure with JavaScript Visualiser
08:10 Use Case 1: Subscribe Now
11:13 Use Case 2: Game Over !!!

How to change your navigation style on scroll

CodeWellTechYT — Tue, 15 Feb 2022 07:15:59 +0000

Explained how to change style of Navigation /Navbar on scroll.
It is quite common to have transparent navigation where application logo or intro page is displayed in top section.

Timeline :
00:00 Intro
01:52 Style navbar on Scroll
04:50 Threshold property
06:00 rootMargin
06:58 using Toggle method