Тёмный

HTML, CSS, JavaScript Explained [in 4 minutes for beginners] 

Danielle Thé
Подписаться 58 тыс.
Просмотров 1,4 млн
50% 1

Опубликовано:

 

29 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 843   
7 лет назад
What other web coding concepts are you interested in learning about?
@joses.5943
@joses.5943 7 лет назад
you mentioned front end development, how about back end? nice laptop cover btw :)
7 лет назад
Thanks! Great call! Definitely will have a back end web development video on this channel sometime soon
7 лет назад
Thanks Essa!
@Stinow
@Stinow 7 лет назад
Thanks for your video. Could you eleborate on JavaScript IFFY's? Thank you!
@calisthenicschicken8812
@calisthenicschicken8812 7 лет назад
Thank you soooooo much i was so close to giving up cause i didn't get it
@cassidypalmer115
@cassidypalmer115 6 лет назад
FINALLY SOMEONE THAT MAKES SENSE. BLESS! BLESSSSSSSS!
@BookishGyanwithMsPreeti
@BookishGyanwithMsPreeti 3 года назад
Wow ❤️ thank you mam from which country u are?
@mariannetm
@mariannetm 2 года назад
I agree!
8 лет назад
Hey, thanks for watching. This is my first jump into RU-vid. If you enjoyed the video a like or subscribe would be much appreciated!
@CLOUD-qz9ou
@CLOUD-qz9ou 3 года назад
I want to learn coding But I was kicked out of college My maths is bad Where do I need to start from ? How these kids like 14 years old know how to code, if their maths aren't that good or high lever ?
@TSSomensi
@TSSomensi 6 лет назад
The best explanation so far. That's what every fucking lesson should look like. Thank you so much.
@almorali9225
@almorali9225 3 года назад
The wizard, builder, and artist analogy was super helpful!
@saoudeltelawy8971
@saoudeltelawy8971 5 лет назад
One of the best ways of explanation ever... thanks a million ;)
@kirstennewill3654
@kirstennewill3654 4 года назад
I have just started learning Frontend Development and was struggling to completely understand the different functions of HTML, CSS and Java. This is THE best video ive seen, THANK YOU! Im more a visual person with learning and this explained it BRILLIANTLY
@QueLindaLV
@QueLindaLV 4 года назад
This was such a great explanation of “The 3 Amigos”. I really love the way you broke it down to “The Builder, The Artist and The Wizard”. As well as using the LEGO figures. Excellent! It put everything together for me. Thank you for a wonderful presentation. I plan to take a beginners course on these 3 in June which I had no idea what it would be like. After watching your video, I can see and understand it a little more.
@corpsezombiee
@corpsezombiee 3 года назад
I been learning web development since 2011, and you made it easier for even none coders to understand this. Awesome job!
@StephenSpring1
@StephenSpring1 6 лет назад
Thumbs up if you came to learn about coding and ended up falling in love.
@hyacinthdibley2420
@hyacinthdibley2420 6 лет назад
DANG!!! I've been looking for an explanation of these things since 2010, and *NOBODY HAS EVER PROPERLY AND CLEARLY EXPLAINED THE DIFFERENCE BETWEEN THEM AND THE USE OF EACH UNTIL NOW!!* I really appreciate the explanation.
@francisgeoffreyparreas6723
@francisgeoffreyparreas6723 3 года назад
Starting the Odin Project, leaving a mark here!
@sonofaput
@sonofaput 3 года назад
Starting today. Keep us updated about how the journey goes.
@katrinak3903
@katrinak3903 3 года назад
same here! Hope you're doing great :D
@danysingh8382
@danysingh8382 3 года назад
just started .. wondering if you've finished by now?
@CoIdestMoments
@CoIdestMoments 3 года назад
how are you doing, found this video from Foundations :)
@Zinriusminazen
@Zinriusminazen 3 года назад
Very good representation with the lego characters. It helped my smooth brain understand very well.
@stefanfarier7384
@stefanfarier7384 4 года назад
Never have i heard anyone explain it as beautifully and clearly as you do
@hils1015
@hils1015 4 года назад
Me too. This really helped me understand how they relate to one another
@habibullahsorosh9248
@habibullahsorosh9248 2 года назад
Thank you, it was the best explanation of HTML, CSS, and JavaScript that I have ever seen !!!!
@dannygitmo
@dannygitmo 5 лет назад
needed a quick overview -- the builder, the artist, the wizard - well done - ps/ the audio is very good too, which makes a great final product.
@devanshi5181
@devanshi5181 4 года назад
Ma'am you JUST DO NOT KNOW that by presenting this in such a manner you FREAKIN' ACTUALLY have paved the path for a wonderful coder's career. Couldn't have been better. I don't know what to say. I love you and your team ^_^
@projectlimitless5898
@projectlimitless5898 7 лет назад
I'm so glad I found your channel! You have a very interesting way of simplifying concepts and making them easy to understant.
7 лет назад
Definitely! Thanks for watching!
@bloodwynn
@bloodwynn 6 лет назад
I'm a begginner in web development and your video is so extremely helpful to understand this. Thank you very much for your effort. It's hard to find easy to understand tips about programming for newbies.
@miladrahim5437
@miladrahim5437 4 года назад
I'm a high school student and the way you explained this topic with the way my teachers did is completely opposite of each other. Yours was simplified and I understood it perfectly. Good content, keep up the good work!
@boomstick1643
@boomstick1643 3 года назад
Great vid! Great and simplified explanation!
@kasper369
@kasper369 5 лет назад
what is could not understand in 2 years she explained in 3 min and i got it nice vid
@Tony-xc5sk
@Tony-xc5sk 7 лет назад
By far the best and easiest explanation I've seen on RU-vid. I'll be binging on the rest of your videos soon.
@gonegirl3954
@gonegirl3954 3 года назад
Your explanation is so simple and clear. Thank you for this.
@asfandyarfazal9746
@asfandyarfazal9746 4 года назад
I really enjoyed the way you explained the 3 with examples of builder, artist and wizard. Keep your content like that for better understanding. Great job! Keep it up.
@HipHopGalaxyZA
@HipHopGalaxyZA 6 лет назад
Extremely informative and basic explanation for non coders. Thank you from the bottom of my heart. Please continue making these videos. Ive just subscribed
@zeljko467
@zeljko467 3 года назад
Excellent video Danielle, thank you. Particularly liked that you showed what webpages would look like without the other two languages, that's quite helpful for beginers just starting out to get an idea about how things work.
@-brooke.
@-brooke. 5 лет назад
Amazing, a very Feynman-esque tutorial. As a complete noob to the inner workings of the internet i really appreciated your unassuming simplicity. Thank you!!
@zakm9028
@zakm9028 4 года назад
This was incredibly well explained. Your examples were perfect. Thank you. Keep doing what you're doing.
@hangor3620
@hangor3620 3 года назад
Hello fellow Odineers
@theEchannel_official
@theEchannel_official 2 года назад
Bless you lady, you made everything so short and simple yet so informative. Definitely using this information going forward
@oracam437
@oracam437 3 года назад
AWESOME!!!! All these other guys need to take a lesson from you in speaking English when talking technology. Hope you continue to make more videos. The clarity in you speaking helps ALOT as most of them speak way to fast!
@jelenamitrovic7189
@jelenamitrovic7189 3 года назад
This was very well explained, you have such a warm and clear voice. But I just could not look at your eyes as you constantly look at the side, as if you are reading the script
@coldchizzle
@coldchizzle 5 лет назад
It's great how you broke it down using Legos. REALLY HELPFUL!
@basdfgwe
@basdfgwe 5 лет назад
Bold and italics tag can still be used for semantic purposes. By default these tags will have the default styling which have bold and italics, however, if you are wanting it styled as bold and a word italicised then other tags can be used along with the css to make the bold or italics. This applies to the header tags.
@mjbyrne1153
@mjbyrne1153 3 года назад
This was a great explanation. It was simple and easy to memorize. Thank you for making it.
@imcosima5918
@imcosima5918 2 года назад
More youtuber needs to explain like this lol. Short and simple. I remember my friend told me that "Your explanation shall be understood by a 5 y/o, if not then you're not understood at all".
@oliokanin
@oliokanin 6 лет назад
Got a huge kick outta of how you described these languages! Nice work on your video!
@eleanormarsh6261
@eleanormarsh6261 4 года назад
Thanks for doing this video. Your explanation is so clear, and the use of the lego characters really helped, this is the best explanation I have come across in years!
@electrovoyager1125
@electrovoyager1125 7 лет назад
You explained in the correct way such that even a "COMMON MAN" /not a programmer/engineer could understand what actually these HTML/CSS/JAVASCRIPT means... Nice presentation..
@georgejohnson7637
@georgejohnson7637 5 лет назад
Thank you for explaining this in such a way where a dummy like myself would understand :) I am forever grateful.
@Sushmit_Pant
@Sushmit_Pant 4 года назад
This is incredible. And here I was thinking that computer languages were difficult to understand. Keep up the good work 👍🏻
@JoseFerreira-vc5wc
@JoseFerreira-vc5wc 7 лет назад
Thx Danielle! You really made it very easy to understand, especially for someone just starting to learn about this. Your gorgeous btw!
@saderick52
@saderick52 4 года назад
So clear! One of the best explanations ever!!! Thank you!
@mahendrapersaud8718
@mahendrapersaud8718 3 года назад
That's how it should be done! Concise and effectively presented and a presenter who is absolutely gorgeous!!!!
@yoganandchowdary6371
@yoganandchowdary6371 7 лет назад
have seen many videos like these to understand what exactly is javascript, but no one had given the perfect explanation like you did...very much helpful...thanks a lot!!
7 лет назад
Thank you so much! Let me know what other internet/computer topics you would be interested in learning about!
@yoganandchowdary6371
@yoganandchowdary6371 7 лет назад
Hi Danielle, can you please make a video on Software Development Life Cycle and also the difference between JavaScript and JQuery?
@andymysteria
@andymysteria 2 года назад
I'm just starting to learn how to code and this was really helpful. Thank you!
@jmuniz2104
@jmuniz2104 5 лет назад
Brilliant explanation. Especially about JavaScipt being the Wizard. I'm learning JS right now. Very confusing, but I see how important this language is in making our life a lot easier. Have a great day.
@pamelajohnson6423
@pamelajohnson6423 4 года назад
Ok seriously amazing! Great analogies and delivery. You made it entertaining!!😉
@sandradmendez
@sandradmendez 8 месяцев назад
I love your analogy! It makes it so much easier to understand! This is only my second video I'm watching of yours, but thank you and I can't wait to watch more!
@meowcraft1
@meowcraft1 5 лет назад
Thanks for this information I never saw this type of video for beginners like me once again thanks a lot
@claystation6360
@claystation6360 7 лет назад
I already know these languages, but I Love how you explain it. I find it hard to explain it to people what web dev is or find a good video that will, and now I do. THX
@ildikoesztergalyos7306
@ildikoesztergalyos7306 2 года назад
OMG, I just found your channel AND YOU ARE AMAZING! I seriously feel myself as a '"boomer" (sorry, no offense) but with your Lego explanations im like WOW! Please, continue, your explanation is so clear, enjoyable, short and professional that I can hardly describe how amazed I am! Thank you
@Exploringsuha
@Exploringsuha 3 года назад
Hi Danielle. I'm a person who learn to code recently. your explain help me get understand more clearly!
@eshleynau3326
@eshleynau3326 4 года назад
My gosh finally a clear explanation of the 3 languages. I have been researching on this subject for about 2 days now and still couldn't quite understand the differences! Thanks a lot!
@masteroutlier
@masteroutlier 4 года назад
actually, when they say dutch, in belgium it's not actually dutch but flemish, which is a variation of dutch (and btw, dutch is a variation of german to begin with)
@castleblack6941
@castleblack6941 7 лет назад
As a Web Dev student, this was the best explanation, hands down.
@hydeaali8324
@hydeaali8324 3 года назад
Thank you!! I’ve been trying to learn this but just needed a quick explanation on them and this was perfect 🤗 thank you, thank you, thank you!
@MikeRitterOnline
@MikeRitterOnline 7 лет назад
Been watching your videos. Great! Friendly! Approachable! and LEGOs FTW!!!!
@funactiondramaemotionfitne4536
@funactiondramaemotionfitne4536 4 года назад
Very beautifully explained in such a short time. Love this and request you to make a lot of technical videos in such a beautiful manner.
@Dermetsu
@Dermetsu 4 года назад
The wizard lego representing Javascript was the best part.
@Andrew-gr4nd
@Andrew-gr4nd 6 лет назад
I'm just getting started with coding and this really helped me grasp those 3 languages that I was constantly seeing. Great video, definitely worth a like.
@AbirHasnat95
@AbirHasnat95 4 года назад
This video is soo amazing and simply helps me understand how it works, Why did you stop making videos?
@user-ig5go6qo3n
@user-ig5go6qo3n Год назад
Perfect video! You've nailed it when even a dunce like me can clearly understand it, thank you.
@TimothyHall81
@TimothyHall81 7 лет назад
Yesterday, I taught a one-day web design class for Teen Tech Week at a library. It ended up being a group of girls learning HTML & CSS for the first time. I started the class with your video. Thanks!
7 лет назад
Timothy Hall you've probably given me the best online comment I've ever received! Thanks, and so glad to hear it was used as an opener to the Intro class. I hope it helped frame everything before you dove in! Thanks again Tim!
@HostDotPromo
@HostDotPromo 5 лет назад
I love HTML, CSS, and Javascript! 😎
@euclois
@euclois 2 года назад
So well explained! loved the 3 legos guys analogy, makes perfect sense!
@ThanhNguyen-jf7fi
@ThanhNguyen-jf7fi 4 года назад
Thank you very much. I'm a fresher in the IT industry as a software outsourcing salesman. It really helps me a lot. Hope that I can find as many as useful contents like this one.
@celestinnarose
@celestinnarose 2 года назад
This was soo dope! Thanks for sharing it broke down the foundation of html5 in a fun and easy way, thanks again. From a beginner wordpress developer
@ranjithkumark7274
@ranjithkumark7274 7 лет назад
THANKS FOR THE SUMMARY OF HTML,CSS,JAVASCRIPT IN 4 MIN ....AWESOME SPEECH , UNDERSTOOD CLEARLY ,, ON 25 OF THIS MONTH I HAVE PRESENTATION ....THIS IS EXACTLY WHAT I PRESENT IN MY OWN WORDS
@blazedxjan
@blazedxjan 3 года назад
Thank you for the easy to digest information. A lot of these tutorials speak as if I have prior knowledge to code..
@Sveniorita
@Sveniorita 4 года назад
Best basic explanation I've ever seen! Thank you!! :-)
@educa989
@educa989 3 года назад
and That's called Quality content !
@samarazin8627
@samarazin8627 4 года назад
Very well explained! Thanks million!
@blissvii9756
@blissvii9756 6 лет назад
Thanks for making this 3 mins long. My small brain can't handle too much information because I easily forget things lol
@thatoramphore6709
@thatoramphore6709 3 года назад
Awesome! This is so cool, thanks Danielle.
@IgnacioRoyoHernandez
@IgnacioRoyoHernandez 8 лет назад
From ESADE to this :) I like a lot Danielle! congrats!
8 лет назад
Thanks Ignacio! Seems like you are doing well too! At least from Instagram :)
@lucasneto9207
@lucasneto9207 9 месяцев назад
I absolutely LOVED the metaphor you used to explain HTML, CSS and JavaScript. Currently learning to code but struggling a bit to get the concepts. You nailed it. Just a tiny and kind suggestion: I´d have called them Las Tres Amigas instead of Amigos ;) again, you nailed it!
@DexClanTv
@DexClanTv 7 лет назад
This Video is Great I showed It to my students they said it was very helpful.
@Cascadia2011
@Cascadia2011 4 года назад
Wow this was the easiest explanation I’ve heard. Thank you bunches!!!!
@ahmedsajjad9414
@ahmedsajjad9414 5 лет назад
Great video for beginners. Thanks
@5ankitg
@5ankitg 7 лет назад
Love your unique style of making things really simple with Lego's :)
7 лет назад
Thank you!
@Lenochkaa01
@Lenochkaa01 6 лет назад
I love how you explained it! awesome :) Can't wait to see more of your videos, just subscribed ;) Keep up the good work
@amostan7725
@amostan7725 7 лет назад
awesome video! thank you for that simple explanation. i just started learning html and css a while ago and i now have a clearer idea of what im actually doing 😂😂
7 лет назад
Amos Tan thanks for this comment! That means a lot! I think what is missing in computer science education for all is just a clear understanding of what we are using. You gotta learn to speak before you write type of thing
@dforeigner
@dforeigner 6 лет назад
Came looking for a video to help my non technical colleagues understand what I do, and this video is perfect. Thanks for the awesome content.
@Haskuthan
@Haskuthan 5 лет назад
Thanks. You explained a lingering question with such ease and clarity.
@dianayangfan
@dianayangfan 5 лет назад
I love your explicit explanation. Thank you!
@foziaghafoor5044
@foziaghafoor5044 5 лет назад
For complete visit: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-W3Dl8174VKg.html
@subscriber6697
@subscriber6697 3 года назад
Thanks for the explanation. Now whenever I think of the internet, I think of Legos.
@warningddd
@warningddd 4 года назад
Absolutley Amazing :), coming from an engineer who studied Engineering in University, I wish I had a lecture from you , would've saved me hours in the library.
@SSSNIPD
@SSSNIPD 4 года назад
Who's here from "The Odin Project"?
@alexback2540
@alexback2540 3 года назад
That's us!
@winx910
@winx910 7 лет назад
Best webpage explainer video on RU-vid!
@mobileapps4926
@mobileapps4926 6 лет назад
Wonderful how you explained the basics in short.
@eloh1194
@eloh1194 4 года назад
The very best web content and structure's intro that I found on the internet. Thanks a lot and congratulation for your great work. Very light, very easy to understand. You make ir simple without losing concepts. Very much thank you!
@thinkoutsidethebigbox1002
@thinkoutsidethebigbox1002 4 года назад
Well said and brilliantly explained in a nutshell.
@jamout3695
@jamout3695 6 лет назад
Thanks so much for this video. I programmed a game in under 3 min and fully understood JS from this video.
@MaoDev
@MaoDev 6 лет назад
Jam Out lol
@ChristoWilfredblr
@ChristoWilfredblr 7 лет назад
So concise and well delivered. Thanks a ton Danielle! Subscribing right away and looking forward to more content. What's the difference between Java and JavaScript though?
7 лет назад
Great topic! Thanks for the suggestion. Added it to my list and I'll let you know when I've posted it!
@ChristinaSpohr
@ChristinaSpohr 7 лет назад
It all makes sense now! Thanks! I was not aware that you needed all 3 to work together! P.s love the legos :)
@mahmudghali3753
@mahmudghali3753 6 лет назад
Congrats amiga Fast and complete explained
@grounded9623
@grounded9623 2 года назад
Just what i needed - thanks very much!!
@moreofthesame2876
@moreofthesame2876 8 лет назад
This video is pretty well done. Can i ask what you're looking at when you look away from the camera?
8 лет назад
Thanks DIrtyBeans! I am awkwardly avoiding eye contact with the camera....and maybe checking out my notes ;) My next few videos I brave staring into the camera more: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VLEUHAaVgXU.html
@moreofthesame2876
@moreofthesame2876 8 лет назад
Danielle Thé i'll have to check them out. I figured you were reading something, might i suggest putting the notes closer to the camera kind of like a teleprompter? I know you can still see when people read from them but it might help you with looking at the camera more :)
8 лет назад
True! Let me know if this is better. I tried it out for the next video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VLEUHAaVgXU.html
@moreofthesame2876
@moreofthesame2876 8 лет назад
Danielle Thé aright gimme a sec i'm with me familia at the moment
@deep.saiyaman6190
@deep.saiyaman6190 7 лет назад
Perfect explanation
Далее
Nightmare | Update 0.31.0 Trailer | Standoff 2
01:14
Просмотров 686 тыс.
DEMONS ARE ATTACKING BRAWL STARS!!!
09:08
Просмотров 15 млн
HTML Tutorial for Beginners: HTML Crash Course
1:09:34
HTML Tutorial for Beginners
39:06
Просмотров 755 тыс.
CSS in 5 minutes
8:16
Просмотров 156 тыс.
My top 5 most popular front-end tips
22:07
Просмотров 41 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 974 тыс.
What is HTML, CSS, and JavaScript?
6:51
Просмотров 74 тыс.
The Top 10 Websites of 2022 - CSSDesignAwards
24:45
Просмотров 332 тыс.
100+ Web Development Things you Should Know
13:18
Просмотров 1,5 млн
The absolute basics of HTML, CSS and JavaScript
24:21
Просмотров 515 тыс.
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Просмотров 437 тыс.