The Basics | MERN Stack Development | HTML CSS JS

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024

Комментарии • 435

  • @manahyadav09
    @manahyadav09 Месяц назад +189

    00:03 Promoting community safety and reducing crime
    01:22 Learn front-end development with HTML, CSS, and JS
    03:17 Introducing Visual Studio Code as a code editor
    03:58 Opening folders and files using different methods
    06:00 Organizing files using containers
    06:38 Recognize file patterns and extensions
    08:40 Introduction to HTML in MERN Stack
    09:54 Making tags and writing data within markers in MERN stack development
    11:22 Writing code in HTML is easy with certain keyboard shortcuts
    11:58 Understanding the basics of HTML tags
    13:24 Reloading the browser for output display
    14:20 Using Live Server Extension for development
    15:40 HTML में टेक्स्ट कैसे लिखते हैं
    16:19 Exploring the different heading tags in HTML
    18:02 Introduction to Sheri Coding School
    18:46 Using random words while working with filler text
    19:54 Understanding open and close tags in HTML
    20:29 Understanding the concept of list
    21:48 Understanding tags in order list and list items
    22:47 Understanding the differences between ordered and unordered lists
    24:09 Understanding the source of images using SRC and ALT tags
    24:48 Create an image tag in HTML with source link
    26:19 Understanding the role of alt attribute (alt text)
    26:59 Learn to identify broken image symbols and fix source links.
    28:24 Simple process to share URL with shar.com
    29:11 Creating forms in HTML
    30:48 Creating input form and adding tags
    31:27 Creating input tags for different types of inputs
    33:05 Exploring different types of input tags
    33:40 Creating input tags in HTML forms
    34:57 Downloading and Playing Videos in MERN Stack Development
    35:34 Understanding Auto Play and Loop
    36:56 Understanding the concept of 'div'
    37:31 Using div tags for creating divisions on a website
    39:06 Understanding the basics of CSS in MERN Stack Development.
    40:15 Understanding CSS for Website Beautification
    41:46 Learning about applying styles using CSS in HTML elements
    42:27 Selecting and applying colors in HTML
    44:47 Setting background colors and using h2
    45:32 Customize color of elements in CSS
    47:02 Setting font size for text
    47:47 Understanding units of measurement in computer and physical dimensions
    49:07 Importance of clean text display
    49:47 Understanding font families and font weight in CSS
    51:09 Understanding different text alignments in HTML
    51:49 Text Specific Properties in MERN Stack Development
    53:13 Creating shapes using HTML divs and CSS
    53:50 Explaining the concept of 300 pixels in a box model
    55:04 Understanding basics of HTML tags like h1
    55:55 Understanding the varying number of students in different classes
    57:15 Understanding the concept of unique identification in web development
    57:59 Understanding background colors in web development
    59:15 Creating uniform UI elements for better website design
    59:57 Learn about HTML headings and paragraphs
    1:01:34 Understanding editing text in CSS
    1:02:10 Creating and styling div elements in web development
    1:03:34 Understanding margin in MERN Stack development
    1:04:15 Understanding margin and padding in CSS
    1:05:27 Understanding how imaginary space works in left side
    1:06:04 Understanding the MERN Stack development basics
    1:07:28 Parent-child element styling in CSS
    1:08:13 Adjusting child elements with percentages in MERN stack
    1:09:32 Styling the button
    1:10:13 Using padding and shorthand properties in CSS
    1:11:35 Understanding border types and colors
    1:12:14 Changing border color and style in CSS
    1:13:31 Understanding the properties of MERN Stack
    1:14:08 Styling button properties in MERN stack
    1:15:31 Styling buttons with hover effect
    1:16:12 Creating simple buttons with hover effects
    1:17:29 Customize Box Height, Width, Background Color in CSS
    1:18:13 Understanding pixel solid and border #FFF
    1:20:10 Understanding absolute positioning in MERN stack
    1:20:44 Introduction to Absolute Positioning in CSS
    1:22:07 Understanding the concept of MERN stack development.
    1:23:01 Understanding box positioning in HTML
    1:24:23 Understanding box positioning using left and top properties
    1:25:00 Understanding Translate property in CSS transform
    1:26:25 Usage of property Z index in CSS
    1:27:03 Positioning elements with CSS
    1:28:36 Styling elements using inline CSS
    1:29:24 Adjusting font size and position
    1:30:50 Learn about display flex and layouts in web development
    1:31:38 Setting background color for elements in CSS
    1:33:12 Use display flex property for website layouts
    1:33:49 Absolute position helps in styling elements
    1:35:03 Dividing columns in forms for better handling
    1:35:38 Explaining the use of alignments in MERN stack development
    1:36:57 Understanding and using justify content in CSS
    1:37:37 Handling justification content spacing
    1:38:47 Explaining Justify Content in CSS
    1:39:42 Cover image background size
    1:41:09 Introduction to display flex and CSS projects
    1:41:42 Practice CSS for MERN Stack development
    1:42:56 Understanding Boiler Plate in CSS Styling
    1:43:29 Creating a simple div with customizable features
    1:44:40 Creating navigation bars using nav tag
    1:45:15 Setting basic styling with CSS in JavaScript
    1:46:32 Picking and pasting color from the page
    1:47:19 Demonstrating color picker and navigation bar creation
    1:48:41 Adjusting padding for different sides
    1:49:20 Creating and discussing tags and about section in the project
    1:50:59 Changing font sizes and styles
    1:51:48 Styling text using HTML and CSS
    1:53:19 Understanding the difference between digitize and ideas
    1:53:59 Creating a class and a div
    1:55:26 Setting background color and alignment in sections
    1:56:10 Adjust font size and style in HTML elements
    1:57:52 Selecting and using fonts in HTML
    1:58:39 Installing and customizing fonts in MERN Stack development
    2:00:07 Adjusting height and width of an element
    2:00:54 Adjust screen resolution for better visibility
    2:02:29 Adjusting font weight and size
    2:03:16 Using unsplash.com for images
    2:04:52 Adjusting width and height for better visibility
    2:05:31 Setting background color and border in MERN stack development
    2:06:58 Accessing icons and using remix.com for icons.
    2:07:35 Setting styles for elements inside a specific class using CSS in MERN stack development.
    2:09:04 Discussing the source of the image and the challenges faced
    2:09:49 Creating a HTML element and setting its attributes using JavaScript
    2:11:20 Setting border top left and right radii to 100 pixels
    2:11:58 Adjusting margins for center alignment
    2:13:35 Creating a div element and adding a remix icon
    2:14:27 Positioning div elements using CSS
    2:15:46 Display flex align items center justify content center
    2:16:42 Moving on to JavaScript in MERN Stack Development
    2:17:53 Focus on practicing projects with CSS in detail
    2:18:36 Creating simple HTML and CSS files
    2:19:55 Linking CSS and JavaScript in HTML
    2:20:36 Linking scripts correctly in MERN Stack development
    2:21:58 Using Browser Developer Tools to Inspect Output
    2:22:37 Debugging is important
    2:23:55 Writing and testing code in JavaScript console
    2:24:31 JavaScript allows direct coding without boilerplate
    2:25:52 Writing warnings and errors on console using console warn and console error
    2:26:32 Introduction to console statements and errors
    2:28:03 Creating variables in JavaScript
    2:28:40 Aman claims ownership of a plot
    2:30:07 Understanding variable declaration in programming
    2:30:42 Understanding memory allocation in programming
    2:32:12 Understanding variable declaration and usage in coding
    2:32:50 Understanding console.log in JavaScript
    2:34:02 JavaScript variables and their manipulation
    2:34:45 Understanding arithmetic calculations in MERN stack development
    2:36:09 Perform arithmetic operations and use alerts in JavaScript
    2:36:48 Interacting with alert messages in web development
    2:38:10 Creating a separate website on click
    2:38:47 Using form to store and handle data
    2:40:16 Introduction to MERN Stack Development
    2:41:09 Naming conventions in JavaScript
    2:42:31 Creating content with a focused approach
    2:43:13 यूजर नेम और वेरिएबल का नाम कैसे लिखें
    2:44:28 Primitive Data Types in JavaScript
    2:45:10 Understand the concept of undefined in programming
    2:46:28 Understanding variable types in MERN Stack development
    2:47:09 Understanding variable types in MERN stack development
    2:48:40 MERN Stack Development Basics
    2:49:22 Introduction to Concatenation and If-Else Conditionals
    2:50:37 Understanding 'if' conditions in JavaScript
    2:51:34 Understanding conditional statements in MERN stack development
    2:53:04 Understanding condition and conditions in programming
    2:53:46 Understanding condition check with if and else in programming
    2:55:26 Using loops for repeated tasks

  • @wordpresswebsites2367
    @wordpresswebsites2367 Месяц назад +4

    Video shuru krny se pehly thanks bolna chahiye apny itnaaaaa intzaar krwany k bd MERN Stack ka (complete roadmap k sath RUclips pe free me premium content k sath) course start kiya❤

  • @alakhhasan
    @alakhhasan Месяц назад +6

    Take Love From Bangladesh ..... best video for learning JS ..

  • @jeshwar2378
    @jeshwar2378 Месяц назад +4

    The greatest domination vd on mern on entire RUclips , a big thank you to sheriyans ❤🎉😊

  • @AbhishekKumar-ed9zb
    @AbhishekKumar-ed9zb Месяц назад +2

    Sir you can just hold the image with a left click and drag to to new tab it will give you the image. Then we can copy the image address.

  • @piyush_mishra-aspiring_dev
    @piyush_mishra-aspiring_dev Месяц назад +3

    Been waiting a long time for this video!

  • @sartajkhan3668
    @sartajkhan3668 Месяц назад

    After watching the full video, I commented on it. It was very helpful for revision. Thank you, brother, from Bangladesh!

  • @ArshadParvaiz-u8w
    @ArshadParvaiz-u8w Месяц назад

    @Yours content and teaching is Gift for every those Whom trying to jump from intermediate too Advance,,,,,,, Thanks Sheryians School.

  • @Shayadsunny
    @Shayadsunny Месяц назад

    done with this first video of function dev. excited for the upcoming content.

  • @owaispatni7077
    @owaispatni7077 3 дня назад

    one of the best content after CWH 😍😍😍😍😍😍😍

  • @Ahmed_Nagra
    @Ahmed_Nagra Месяц назад +6

    Thanks Sheryians Team
    Love for Sarthak bro ❤

  • @vikaspandey957
    @vikaspandey957 Месяц назад +4

    Thankyou bhaiya for this amazing content ❤

  • @sunitalaychetty3197
    @sunitalaychetty3197 Месяц назад +9

    Mern stack and Sarthak sir❤️❤️❤️

  • @vivekjaiswal7606
    @vivekjaiswal7606 Месяц назад +8

    quality, sarthak bhai ka intro and Content 🗿🗿

  • @Vishaldhakad-x8h
    @Vishaldhakad-x8h Месяц назад +2

    Thank you so much sarthak bhai(sir).......☺☺

  • @BroArmy119
    @BroArmy119 Месяц назад +6

    2:18:00 javascript

  • @Abidkhan-x8h4w
    @Abidkhan-x8h4w Месяц назад

    I have learned so many skills from your channel that I don’t have the words to express my gratitude. Thank you very much! Love from Pakistan

  • @piyushdahle3027
    @piyushdahle3027 Месяц назад +6

    Super Hero Sarthak BHAI BHOPAL City kay rakhvale bhaiya ki JAI HO😇😍🤩
    bhaiya aap etna acha kaise explain kar lete ho pure concept clear ho jate hai
    THANK YOU SO MUCH TO Harsh bhaiya and Sarthak bhaiya

  • @misscreater-hy8uz
    @misscreater-hy8uz Месяц назад +1

    Finally, Sarthak sir is back❤️❤️❤️

  • @gauravkumar-qu7eh
    @gauravkumar-qu7eh Месяц назад

    The best teacher comes finally
    The oG the GOAT 🐐

  • @ShyamsundarDe-u3t
    @ShyamsundarDe-u3t Месяц назад +1

    The best course here😊😊

  • @dishantitaliya1912
    @dishantitaliya1912 Месяц назад +1

    Thank you so much sir.really appreciate your efforts ❤❤

  • @hashimmalik96
    @hashimmalik96 Месяц назад +18

    2:19:14 Javascript timestamps

  • @ranahammad8115
    @ranahammad8115 Месяц назад

    i learn a lot from this video thanks.

  • @huzaifamukhtar5667
    @huzaifamukhtar5667 Месяц назад

    Thnk you sheriyans coding. School for your time ❤❤🎉

  • @TihorB-e6y
    @TihorB-e6y Месяц назад +1

    Best educational and coding chennal on the earth ❤️

  • @MimiCooking06
    @MimiCooking06 Месяц назад

    Awesome information. I have learned a lot.. thank you so much.

  • @tusharrai4080
    @tusharrai4080 Месяц назад +1

    1:19:53 such efforts ❤‍🔥💥

  • @karkashh-beats
    @karkashh-beats Месяц назад

    DOM manipulation ki video dekhne ja raha hu. Ye event listener wali chiz bahut cool lagi merko. Kal implement karuga.

  • @karbaniurvesh
    @karbaniurvesh Месяц назад

    thank you for the course and vary help full course in my life and secure job 🙏🙏🙏

  • @SurajRawat20079
    @SurajRawat20079 Месяц назад +1

    Finally sarthak Bhaiya ka RUclips me comeback ho gya ❤❤😅❤

  • @Codewithkeshav
    @Codewithkeshav Месяц назад +2

    Amazing content sarthak bhai

  • @OreNinja_
    @OreNinja_ Месяц назад

    finally the man is back lets goooo

  • @deepakmandal-wb3fb
    @deepakmandal-wb3fb Месяц назад

    Thank you Sheriyans Team🦁, and
    Thank you Sarthak bro❤

  • @daniyalansari1783
    @daniyalansari1783 Месяц назад +2

    Sarthak bro amazing.

  • @arizkhan218
    @arizkhan218 Месяц назад

    Alga main a rha hu master MERN full stack ✌️🔥

  • @AkashKumar-vl1dx
    @AkashKumar-vl1dx Месяц назад

    awesome way of teaching😎

  • @ameetm8567
    @ameetm8567 Месяц назад +1

    finally completed the first video . waiting for 2nd ......

  • @hassanafzal7602
    @hassanafzal7602 Месяц назад +4

    Areyy sarthak bhayya after long time bro..

  • @Allinone-jv1hr
    @Allinone-jv1hr Месяц назад +1

    Thanks for javascript 🙏

  • @RahulKumarMahto-i5e
    @RahulKumarMahto-i5e Месяц назад

    Thank you boss For MERN❤❤

  • @Bakhudiansochan
    @Bakhudiansochan 4 дня назад

    Yakin mano like Hoga ek he in sir k Lia unlimited like kea. Bat he

  • @RoronoaZoro78687
    @RoronoaZoro78687 29 дней назад

    Jo maja aara hai na bhai padhne me bhot sahi padhate ho🎉

  • @djdholan
    @djdholan Месяц назад

    Excited for next episode 🎉

  • @arshanwarsi-m2f
    @arshanwarsi-m2f Месяц назад +2

    Ya fir fronted domination me hi creative bhi padhaya jayega. Aur placement guidance bhi.

  • @WalkieTalkie-Official
    @WalkieTalkie-Official Месяц назад

    was eagerly waiting for this
    😍

  • @roysehzad2230
    @roysehzad2230 Месяц назад

    Good for quick revision.

  • @venm777
    @venm777 Месяц назад +6

    Bhai tum god hoo yaar

  • @omkarpatil9614
    @omkarpatil9614 Месяц назад +2

    Great ❤❤

  • @Saniyakhan-ms9qf
    @Saniyakhan-ms9qf Месяц назад +1

    Thank you bhaiya 🥹❤️

  • @Adi_motion1016
    @Adi_motion1016 Месяц назад

    thank you for this course.....👍

  • @exoticgaming555
    @exoticgaming555 Месяц назад

    thanks bro,the video was awesome

  • @knight-z1x
    @knight-z1x 13 часов назад +1

    thankyou so much !!

  • @RubbasyarkhanYarkhan
    @RubbasyarkhanYarkhan Месяц назад

    love from Pakistan amazing revision vid

  • @IDESIGNU
    @IDESIGNU Месяц назад +1

    Bhai you are really 🐐 goat

  • @seenuboy
    @seenuboy Месяц назад +1

    Thank you bhaiya!!

  • @IFYatharthAurangpureIT
    @IFYatharthAurangpureIT Месяц назад

    Thanks for giving this series

  • @amankumar5270
    @amankumar5270 Месяц назад

    Finally come back ❤ badshah ❤

  • @kartikaybhardwaj6205
    @kartikaybhardwaj6205 26 дней назад +1

    1:42:50 Can you make a sorts video in which you explain how to create a snippet in CSS with the * prefix because I'm not able to create a snippet with * symbol.......

  • @usmanazhar1877
    @usmanazhar1877 Месяц назад

    selmon bai weds kat dream come true amamzin and so muc entertainin tecin😂😂😍😍😍😍😍😍missed u sartak bai

  • @sp4rsh
    @sp4rsh Месяц назад +1

    Great Video

  • @SAJALPAKIRA
    @SAJALPAKIRA Месяц назад +1

    Javascript :-- 2:17:09 timestamp

  • @thinkhigh2968
    @thinkhigh2968 Месяц назад +1

    Bhaia, Please let me know if mobile development classes will be offered in the future. This is a request.

  • @Akashvr4119
    @Akashvr4119 Месяц назад +1

    Greet Work Bhaiya

  • @S.ISHADHIN
    @S.ISHADHIN Месяц назад

    Thanks for the awesome content

  • @CricketFanClubvm1wy
    @CricketFanClubvm1wy Месяц назад +1

    Bohot dino ke baad sarthak ko dekhne ko mila ❤😊

  • @PriyanshSingh-k5u
    @PriyanshSingh-k5u Месяц назад

    love u brother too useful your video

  • @surajkumar-wo3rz
    @surajkumar-wo3rz Месяц назад

    Sharthak bro is back 😊

  • @u_code_zon730
    @u_code_zon730 Месяц назад +1

    MERN Stack - MongoDB express React Nodejs - agar fornend , backend domination liya hai to useke liye to complit ho ga na
    bhaiya

    • @sarthak-sharma7
      @sarthak-sharma7 Месяц назад +2

      Bilkul ho jayega, ek baar trailer dekho FED and BED ke

  • @MadanLalNijar
    @MadanLalNijar Месяц назад

    best video ever.

  • @IsSohan
    @IsSohan Месяц назад

    This video was really funny and wonderful

  • @tushxr05
    @tushxr05 Месяц назад +3

    Bhaiya please reactJS ke or projects lay aoo with gsap ya fir wesi koi acha sa react project jismai important topics cover hojaye please bhaiya youtube per sari bkwas projects hai react ke 🙏🙏

  • @jawadmdkhn
    @jawadmdkhn Месяц назад

    Welcome back Sir❤❤

  • @Asim_Ali4857
    @Asim_Ali4857 Месяц назад

    Sarthik Bhai I was waiting for you kindly you came now let's start coding

  • @roseekduwal4380
    @roseekduwal4380 Месяц назад +1

    Please implement basic seo as well

  • @snediting1041
    @snediting1041 Месяц назад

    Mast chiz hai bhai

  • @sujeetkr2115
    @sujeetkr2115 Месяц назад +2

    Sarthak bh. Is back 🎉😁

  • @MilanSisaraYT
    @MilanSisaraYT Месяц назад

    Amazing video

  • @rajdipdey5030
    @rajdipdey5030 Месяц назад

    2:18:00 JavaScript starts

  • @HassaanHaider313
    @HassaanHaider313 Месяц назад +1

    assaalamoalikum
    me yaha pr basic of html css ya JS prhne nahi Aya me Sirf aur Sirf sarthak Bhai ko Salam krne aur video ko live aur comonent krne aya ho

  • @JHZehan
    @JHZehan Месяц назад +1

    thank's for mern

  • @asstatus1205
    @asstatus1205 Месяц назад

    2:18:07
    Just ❤

  • @cooldude239
    @cooldude239 Месяц назад +2

    00:03 Promoting community safety and reducing crime
    01:22 Learn front-end development with HTML, CSS, and JS
    03:17 Introducing Visual Studio Code as a code editor
    03:58 Opening folders and files using different methods
    06:00 Organizing files using containers
    06:38 Recognize file patterns and extensions
    08:40 Introduction to HTML in MERN Stack
    09:54 Making tags and writing data within markers in MERN stack development
    11:22 Writing code in HTML is easy with certain keyboard shortcuts
    11:58 Understanding the basics of HTML tags
    13:24 Reloading the browser for output display
    14:20 Using Live Server Extension for development
    15:40 HTML में टेक्स्ट कैसे लिखते हैं
    16:19 Exploring the different heading tags in HTML

  • @akshatkumarsharma1084
    @akshatkumarsharma1084 Месяц назад +2

    Bawe aaj toh padhne ki line h full

  • @kalpanapardeep9998
    @kalpanapardeep9998 Месяц назад

    thank you thank you thank you so much

  • @mubbashirali605
    @mubbashirali605 Месяц назад

    hope for more JS..

  • @MuhammadAliHamza-kt7uu
    @MuhammadAliHamza-kt7uu Месяц назад

    thank you soo much 😍

  • @AamirDevJourney
    @AamirDevJourney Месяц назад

    It helped me a lot in completing my revision and enhancing my skills very well with #Sarthak_Sharma thank you so much.

  • @shyboy-br1qk
    @shyboy-br1qk Месяц назад

    finally sarthak ❤

  • @wiseduckofficials
    @wiseduckofficials Месяц назад

    sarthak bhai is here!!

  • @JayveerSingh-x1m
    @JayveerSingh-x1m Месяц назад +1

    Thanks

  • @RiseNThriveahmad
    @RiseNThriveahmad Месяц назад +1

    Make a full video on js

  • @OPGAMING-rq5up
    @OPGAMING-rq5up Месяц назад

    Finally started

  • @RudraPatel-sv7wt
    @RudraPatel-sv7wt Месяц назад

    DOM is pretty cool

  • @YashOswalYO
    @YashOswalYO Месяц назад

    Please create chapters for long videos, thanks

  • @mp3prime
    @mp3prime Месяц назад +1

    Which icon you are using on VS code

  • @sameermemon597
    @sameermemon597 Месяц назад

    Is ka detail course chaiye!

  • @karkashh-beats
    @karkashh-beats Месяц назад

    1:52:32 yahi hota hai mere sath me bhi, hella relatable 😂😂

  • @sabirpathan430
    @sabirpathan430 Месяц назад

    Full energy se sath

  • @Iamneeraj_verma
    @Iamneeraj_verma Месяц назад

    Thankyou Bro