Creative Agency Website From Scratch | HTML & CSS

  Рет қаралды 180,212

Traversy Media

Traversy Media

Күн бұрын

Пікірлер: 351
@josephwaters1
@josephwaters1 3 жыл бұрын
Hey Brad! Just wanted to say a huge thanks, I started following your tutorials about 3 years ago after being stuck in dead end minimum wage jobs for 15 years and genuinely believing that's all I'd ever do. I'm now a full time developer at a small but very busy creative company and for the first time in my life I actually enjoy my work and no longer have constant anxiety over finances. You've genuinely helped change my life! Anyone else reading this trying to do the same, stick with this man's tutorials, it might take some time but it's 100% worth the effort! Thanks again!
@TraversyMedia
@TraversyMedia 3 жыл бұрын
No problem! That's great to hear 🙂 Glad to help in any way
@ryanspears3293
@ryanspears3293 3 жыл бұрын
This is amazing! Congrats on the career change! I've been at it now for 7 months and get worried sometimes that I will never grasp programming. But this comment just gave me a lift! Thank you so much to both of you!
@josephwaters1
@josephwaters1 3 жыл бұрын
@@ryanspears3293 @Ryan Spears Thanks so much! I definitely felt like that too at times, don't give up though! It might help to know too my interviewer told me a few months after starting i was the least experienced candidate by a long way, however being such a small team when looking for a junior dev they found most of the applicants they interviewed being fresh from university just didn't have the in-person social skills they were looking for to interact with the higher profile clients or even the team. It was just my years in retail and life experience that made me much more confident in the interview! Regardless of how experienced you are or feel don't assume anything about a job and just apply for everything you can, you just never know when things might actually go your way! Good luck to you!
@CodingNuggets
@CodingNuggets 3 жыл бұрын
Joe, I know you haven't been on KZbin for a long time and don't have any videos pertaining to development, but I would love to see some content on your channel. I will definitely support you and would love to watch you grow along the way. Just want to give you some motivation! Also, congrats on the career change. It's wild how life can make a complete 180 and bring you more joy than you could ever have imagined.
@andywong2244
@andywong2244 3 жыл бұрын
@@ryanspears3293 you got this buddy. Believe in yourself.
@TraversyMedia
@TraversyMedia 3 жыл бұрын
I never notice the damn spelling mistakes until I upload lol. Sorry about that
@abdogemi8510
@abdogemi8510 3 жыл бұрын
"helpos you"
@cubedev4838
@cubedev4838 3 жыл бұрын
Hello brad, ive been working on html and css for about 3 years, recently my boss give me project for design email template. Its quit annoying when i saw all the codes. Because i need to use table, tr, td only for layout. In email we cant just layout things like normally we did.This first time i saw something like this. Please make tutorial on this
@hritikdj
@hritikdj 3 жыл бұрын
Another spelling mistake, LOL 😂😂
@TraversyMedia
@TraversyMedia 3 жыл бұрын
@@cubedev4838 oh man, I have not used tables for layouts since maybe 2009. I'll add email templating to my list of planned content
@TraversyMedia
@TraversyMedia 3 жыл бұрын
@@abdogemi8510 I was just being a smart ass because I had "helpo" in the project. I edited the comment though just in case some people don't notice, then I look like an even bigger idiot haha
@dexspits7869
@dexspits7869 3 жыл бұрын
*I like how brad always treats us like a full beginner explaining little things have so much impact*
@morriszin4742
@morriszin4742 3 жыл бұрын
In this world, brad is the valuable human being . I really love brad .
@faboxbkn
@faboxbkn 3 жыл бұрын
Hello! You have no idea how helpful was this tutorial to me. I have been studying separately HTML, CSS and JS for three months and now was time to put everything into the mix in order to create something. I didn't really know where to start until I came across your video. It's just amazing I have learnt a lot. Greetings from Chile.
@kudakwashekadema4913
@kudakwashekadema4913 3 жыл бұрын
Hey can we connect?
@CodeProps
@CodeProps 3 жыл бұрын
Glad to see Brad more frequently on his channel XD, I learned React and Node from your Udemy courses.
@CodingNuggets
@CodingNuggets 3 жыл бұрын
Brad, I'm so proud to say that I know you although we haven't spoken or met. I just can't thank you enough for all you have brought to the development community. You are such a legend and I just want to say thank you! Much love and respect my friend!
@SonnyDelight
@SonnyDelight 3 жыл бұрын
I just want to say THANK YOU for this! I've just started this playlist, finished the CSS crash course and wanted to see what the latest upload was. I'm happy to see you're still updating this playlist. I am a Desktop Technician and have felt like I am at a dead-end job sometimes. This gives me hope that I'll eventually land a front-end dev job down the road. Cheers man!
@spiritual_bandit
@spiritual_bandit 3 жыл бұрын
i started my developer career watching this man's videos......Thank you Brad for being an inspiration....God bless
@aelfar7533
@aelfar7533 3 жыл бұрын
I seriously don't need this tutorial, still gonna watch it, you always learn something new with Brad! Thanks
@col0ssus
@col0ssus 3 жыл бұрын
Thank you so much for these kind of videos. You never disappoint, it's really great to see and hear you explaining everything.
@TraversyMedia
@TraversyMedia 3 жыл бұрын
No problem :)
@SandPhys
@SandPhys 3 жыл бұрын
Thank you for creating this tutorial! It takes hours of MDN tutorials and synthesizes them into 90 minutes of quality content!
@AlanMeksikanac
@AlanMeksikanac 3 жыл бұрын
Thank you Brad! Yesterday I finished your old Html and Css tutorial, and I was looking for something like that again. Im a stay at home dad but start feeling like shit for not contributing financially to my family, and I see front end as a way out. Hello from Mexico
@ChrisHursty
@ChrisHursty 3 жыл бұрын
I vaguely remember you doing a tour of your basement/office a while ago. At around the 1:09 mark, if I had to guess, that's one of your kids running just above you! Another cracking video mate!
@traversybrad3644
@traversybrad3644 3 жыл бұрын
*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*
@abubakaryasin8610
@abubakaryasin8610 3 жыл бұрын
Hey Brad ! You are a Hero! I'm a beginner in this field .You are a great mentor.
@traversybrad3644
@traversybrad3644 3 жыл бұрын
*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*
@expertprestige4912
@expertprestige4912 Жыл бұрын
It was a great video, followed the complete tutorial and now feeling much more confident with html and css.
@kevinvz5387
@kevinvz5387 3 жыл бұрын
An hour and a half video ? oh hell yeah 🔥
@ademyildizcoding
@ademyildizcoding 3 жыл бұрын
Yeah, it was a long video but I loved it. Your videos truly encourage me to become a web developer.
@glorysonhorace3265
@glorysonhorace3265 3 жыл бұрын
I must say that Brad Traversy is the best tutor I've had. Thanks a lot. I really can't thank you enough
@MarcMcRae
@MarcMcRae 3 жыл бұрын
Hey Brad, absolutely love your channel and style of sharing. You do some of THE best videos & I'm really grateful for how much I've learned here. Also what a pleasure learning at this pace, not assuming we know "stuff"..you're a star. Thank you!
@derder80
@derder80 3 жыл бұрын
Back to the classic tutorials! Love it!
@ysccompany3367
@ysccompany3367 3 жыл бұрын
This is uncanny. Decided to check your YT channel out today and what?!?! a brand new video for the exact type of website I need!
@olgap.1718
@olgap.1718 3 жыл бұрын
Good Job, Brad!!! What a great and intelligent man you are!! I Thank God for great people like you to help us to learn so many things that can help us to come true our dreams , and make this world a better place to live!!! Do not give up and keep doing it , and God Bless you!!!
@traversybrad3644
@traversybrad3644 3 жыл бұрын
*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*
@andresgarciaalves
@andresgarciaalves 3 жыл бұрын
1:11:02 -> Every second was worth it! Thank you 👏🏻👏🏻👏🏻
@Eng-Shuuke
@Eng-Shuuke 3 жыл бұрын
awesome really i did not see tutorial like this on in KZbin you deserve to be a guidance creator in this field i don't know what I'm saying I'm so excited thnks sir 100 times
@piers132
@piers132 3 жыл бұрын
How did I forget about this page! - I’m back and not leaving!
@ahmad-murery
@ahmad-murery 3 жыл бұрын
Thanks Brad, this is a great tutorial as usual, for .toggle.active rule you can use the background-image property only to change the image so you don't have to set the other background-* properties. I know you know that but wanted to mention it for others Thanks
@denismakau544
@denismakau544 3 жыл бұрын
Thanks for this tutorial sir.. much love from Kenya 🔥
@ArnoldWafula
@ArnoldWafula 3 жыл бұрын
More LOVE from Kenya 🇰🇪. These tutorials are really amazing!!
@geoffreyngugi6144
@geoffreyngugi6144 3 жыл бұрын
Hi bro
@ArnoldWafula
@ArnoldWafula 3 жыл бұрын
@@geoffreyngugi6144 wassup
@geoffreyngugi6144
@geoffreyngugi6144 3 жыл бұрын
@@ArnoldWafula where are you located at. I bet your stack is JS
@ketankshukla
@ketankshukla 3 жыл бұрын
Jambo from a Kenyan in the USA!
@perkin524
@perkin524 3 жыл бұрын
At the risk of making a terrible CSS pun, Brad - you are a class act. Thanks for this excellent tutorial.
@traversybrad3644
@traversybrad3644 3 жыл бұрын
*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*
@kyliegrass9026
@kyliegrass9026 2 жыл бұрын
I love your content so much, this is better than university. I can pause and question or try any alternative, a round of applause! Thank you for these wonderful videos
@anthonyrocha8688
@anthonyrocha8688 Жыл бұрын
I know I'm jumping in a year later but thanks for all the help. Great tutorials!!
@godfreyndiritu369
@godfreyndiritu369 3 жыл бұрын
Brad is simply the best tutor. Thanks so much Brad.
@TechWaltMD
@TechWaltMD 2 жыл бұрын
Great tutorial, great resource. I keep watching it and referring back to it even after I'm done.
@alexkey9372
@alexkey9372 3 жыл бұрын
Love your content! Even for us more advanced developers. It's always beneficial to go back to the basics!
@nnwebdigital
@nnwebdigital 3 жыл бұрын
I love your HTML and CSS tutorial the most. Also, your HTML and CSS course on Udemy is awesome! Cheers, Nikola
@anonymouseverx
@anonymouseverx 3 жыл бұрын
What a surprise, Brad. Thank you so much.
@swatantra15k
@swatantra15k 3 жыл бұрын
I has learnt html and css from your coarses. THANKS A LOT BRAD🙂👍
@wiecek00
@wiecek00 3 жыл бұрын
I am learning so much with this video, thank you mighty Brad! :)
@monciego
@monciego 3 жыл бұрын
Another awesome content!! Thanks brad!❤️
@universal4334
@universal4334 3 жыл бұрын
You're providing great content for beginners 😘
@TraversyMedia
@TraversyMedia 3 жыл бұрын
That's what I'm trying to do as well as help more advanced programmers that need CSS practice. CSS is it's own animal lol
@hamidbakhtiari3986
@hamidbakhtiari3986 3 жыл бұрын
@@TraversyMedia awesome example
@godspeed3149
@godspeed3149 3 жыл бұрын
If you are reading this and learning React. Don't quit when you are at Forms and Form Validation. It gets easier!
@aliemili2902
@aliemili2902 3 жыл бұрын
You’re talking to me. 😁
@lokesh3526
@lokesh3526 3 жыл бұрын
Teach me plz
@lokesh3526
@lokesh3526 3 жыл бұрын
@Paul Maximus from freecode camp
@godspeed3149
@godspeed3149 3 жыл бұрын
@Paul Maximus boot camps or I recommend Traversy and Wes Bos. Freecodecamp is alright for react
@sazz.g
@sazz.g 3 жыл бұрын
@Paul Maximus Scrimba has one off the planet course for free by Bob Ziroll. You can edit the video codes as you learn
@gwalchmei
@gwalchmei 3 жыл бұрын
Thanks so much for this - excellent tutorial! As a complete beginner, you're the best thing since sliced bread.
@traversybrad3644
@traversybrad3644 3 жыл бұрын
*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*
@amitp277
@amitp277 3 жыл бұрын
This is simply awesome, thanks Brad!!
@sparkscomputerprogramming
@sparkscomputerprogramming Жыл бұрын
I really enjoy following along in this project
@snayesotashe7472
@snayesotashe7472 3 жыл бұрын
Brad you the best thing to ever happen in this tech 🙏🏾🙏🏾
@SniperGhost
@SniperGhost 3 жыл бұрын
I am so grateful to this channel, that I subscribed with all my 5 alt accounts
@haroldw2823
@haroldw2823 3 жыл бұрын
Nice work Brad, perfect pace and precise information delivery. I reckon you are the Bob Ross of Web Dev buddy. Thanks for doing these mate
@franciscogilt
@franciscogilt 3 жыл бұрын
Brad, thank you very much. Following along with you is great, I learned a lot. Thank you.
@habib97se
@habib97se 3 жыл бұрын
Thank you for this video, in 1h video, I learnt more from you than what my teacher thought me in 5 months :p
@traversybrad3644
@traversybrad3644 3 жыл бұрын
*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*
@surendrajain3817
@surendrajain3817 3 жыл бұрын
Awesome Project and i have also taken your html and css course
@mcmurdostation7134
@mcmurdostation7134 3 жыл бұрын
How it's been so far, do you learned node, javascript or rails?
@cathyanderson4437
@cathyanderson4437 3 жыл бұрын
Hey... I hope it's ok if I ask a flex question... At about 16:00... you define the max-width of the '.home-content' to 600px. I'm assuming this is because the img is position:absolute otherwise flex would keep everything in it's own columns correct ? Thank you so much for this video... very helpful !
@djfago6240
@djfago6240 Жыл бұрын
it's been a couple of months since i subscribed to your channel and i must say your way of teaching is amazing. your voice and explanation is TOP. I wish it was possible to contact you for some private online classes on html, css and java script.
@aleksandraryan
@aleksandraryan 3 жыл бұрын
Thank you, just what I love to see 🙏
@003_abhishekbhattacharjee3
@003_abhishekbhattacharjee3 3 жыл бұрын
Thanks a lot for the project ! Learned a great deal about planning out the content and designing it by carefully assigning the classes. :-)
@lbobrov
@lbobrov 3 жыл бұрын
Brad, the num of your channel's subscribers is increasing... that's nice 2C... keep on the good work :)
@nurullokhuvaidullaev9684
@nurullokhuvaidullaev9684 3 жыл бұрын
Awesome as always ⚡ Thanks, Brad🙌🏻
@simple8810
@simple8810 3 жыл бұрын
Brad Is the best ultra blessing😍
@engineersagro
@engineersagro 3 жыл бұрын
Great! I am learning so much with this video, thank you so much mighty Brad ❤
@javirbls8492
@javirbls8492 3 жыл бұрын
Hey Brad I love your tutorials! Greetings from Spain
@Licia1318
@Licia1318 3 жыл бұрын
This is like gold to me. Thanks!
@sayansarkar5242
@sayansarkar5242 2 жыл бұрын
Your contents are so good... So much to learn .. Thank You
@sistemofe
@sistemofe 3 жыл бұрын
Greetings from Turkey, Brad. It was helpful, ty
@uiuxengineer
@uiuxengineer 3 жыл бұрын
Thanks for great content, Brad! 💙
@crazydev.2634
@crazydev.2634 3 жыл бұрын
You always come up with great content, much love 💓
@alessandrogiuzio
@alessandrogiuzio 3 жыл бұрын
Hi Brad, thank you very much for your tutorials, i am between jobs, i just started the path to became a developer. You are very helpful.
@traversybrad3644
@traversybrad3644 3 жыл бұрын
*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*
@codingwithfazley
@codingwithfazley 3 жыл бұрын
This dude is a legend no doubt 🔥
@LGseeker
@LGseeker 3 жыл бұрын
Another great video, thanks Brad!
@vivienhounsounou1867
@vivienhounsounou1867 3 жыл бұрын
1:18:50 .row input [type="submit"] didn't target the submit button on my side, could anyone explain to me why? I don't see what I did wrong.
@traversybrad3644
@traversybrad3644 3 жыл бұрын
*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*
@paldongpema8848
@paldongpema8848 2 жыл бұрын
@@traversybrad3644 Having same issue, what is the solution?
@mosescodes3677
@mosescodes3677 3 жыл бұрын
We love your content sir. Thank you so much
@banglabeastfr
@banglabeastfr 3 жыл бұрын
You are a boss bro. Love you from Bangladesh
@erikpavlusik6214
@erikpavlusik6214 3 жыл бұрын
As always, your words are gold to me
@ccbt.academy
@ccbt.academy 3 жыл бұрын
Richtig gute Erklärung! Vielen Dank dafür!
@blessingchristian6856
@blessingchristian6856 3 жыл бұрын
Thank you so much Brad. It was an interesting one but just want to ask, what's the secret behind CSS precedence, because I observed you were styling in a certain order. How do you know when a certain class or id or element should come before the other?
@mdbicky9460
@mdbicky9460 2 жыл бұрын
thanks brad for this beautiful project 😍😍
@dannybrown365
@dannybrown365 3 жыл бұрын
You make great contents 🙌🏼
@fabriziofilograna6498
@fabriziofilograna6498 3 жыл бұрын
Thanks Brad, nice one!
@kankit08
@kankit08 3 жыл бұрын
Thankyou Traversy Media for this amazing video.
@theextramile7438
@theextramile7438 3 жыл бұрын
Brad, you are the best! Thank you.
@abdihakimguliye8207
@abdihakimguliye8207 3 жыл бұрын
thanks brad. i enjoyed your lessons
@Sawk-cy7wz
@Sawk-cy7wz 3 жыл бұрын
14:00 why do do you change the images height to 110%?
@TheMetalMag
@TheMetalMag 3 жыл бұрын
always a pleasure to see your videos!
@denhamk
@denhamk 2 жыл бұрын
just the video I was looking for!! Ignore my comment on a previous page asking for one lol.
@KylePrinsloo
@KylePrinsloo 3 жыл бұрын
Practical and helpful! Great learning project. Thanks man
@RianY2K
@RianY2K 3 жыл бұрын
Thank you brad, good tutorial and very useful for sharpening css skills. And your VS Code theme look beautiful, maybe you can try "Mayukai Theme" for better syntax coloring. :)
@shubhamujjwal328
@shubhamujjwal328 2 жыл бұрын
Thank You Brad 🤗 may god bless you with peace of mind.
@TruzzBlogg
@TruzzBlogg 3 жыл бұрын
*God bless you Brad!* Legend! Respect!
@bank_coder
@bank_coder 3 жыл бұрын
I love you brooo.... keep up the good work
@amankaushik5833
@amankaushik5833 3 жыл бұрын
Nice video as always!! btw which theme are you using Brad?
@yYggdtyy5433
@yYggdtyy5433 3 жыл бұрын
Nice video as always. Thanks!
@AfrasiabAhmadSU__O_OO_OO
@AfrasiabAhmadSU__O_OO_OO 3 жыл бұрын
what color theme are you using for your editor in this video
@kulea6208
@kulea6208 3 жыл бұрын
Thank You so very much for this. You are the Best!
@marynarooimans8502
@marynarooimans8502 3 жыл бұрын
Everything is clear!!! Thank you very much! I need your advice. Which of video should I watch to understand how to create websites for collection information from people. For example site for IT recruitment, with possibilities to leave contacts, answer questionarie. A kind of with data analysis. Or study websites with possibilities to change results from tests and so on. Honestly speaking I'm completely lost. Is it Java or the other thing. Help please
@arjunp3574
@arjunp3574 3 жыл бұрын
Thanks Brad,for your content and dedication
@traversybrad3644
@traversybrad3644 3 жыл бұрын
*W:h:a:t:s:A:p:p+1(5:3:0)(2:3:7)(0:6:3:4).🇺🇸❤️,:*
@arjunp3574
@arjunp3574 3 жыл бұрын
🔥🔥❤️❤️
@cromuelbarut9859
@cromuelbarut9859 3 жыл бұрын
I owe this man my career, after learning web development for 8 months from him, now I got hired as fulltime web developer even though I'm still a college student I learned fullstack MERN and Next JS from him 💙
@vitragvasa5392
@vitragvasa5392 3 жыл бұрын
bro can you please tell me that whtat is your salary as a junior full stack developer? it will be really helpful! Thank you
@abdulkareemaldeek8135
@abdulkareemaldeek8135 3 жыл бұрын
I love you Bro, Thanks for every thing!
@TheMeaningofHaste
@TheMeaningofHaste 3 жыл бұрын
Very informative, thank you
@tahmash5299
@tahmash5299 3 жыл бұрын
I always love doing your tutorials! So much fun! 😎 What's the new color theme you're using?
@diegoraffa4324
@diegoraffa4324 3 жыл бұрын
Awesome Brad 😁
@vrk4052
@vrk4052 3 жыл бұрын
Hello Brad, if a client came to a front-end web developer and wanted an upgrade on their frontend so that the website would look more modern, how would the upgrading process work. If the 'old' website created by someone else also has a backend with a login system connected to a database? Would the only way be for the front-end to be created and sent to the developer that made the old website?
@wirawardhana8573
@wirawardhana8573 3 жыл бұрын
I learned a lot of website design from Brad, please make this with React JS with hooks 😁
Microsoft Homepage Clone - CSS Grid, Flex & Media Queries
1:10:59
Traversy Media
Рет қаралды 217 М.
Sass Crash Course
48:05
Traversy Media
Рет қаралды 407 М.
The Best Band 😅 #toshleh #viralshort
00:11
Toshleh
Рет қаралды 22 МЛН
Арыстанның айқасы, Тәуіржанның шайқасы!
25:51
QosLike / ҚосЛайк / Косылайық
Рет қаралды 700 М.
Build An HTML5 Website With A Responsive Layout
1:01:15
Traversy Media
Рет қаралды 3,1 МЛН
Build a Music Player | Vanilla JavaScript
44:06
Traversy Media
Рет қаралды 259 М.
Introduction To Responsive Web Design - HTML & CSS Tutorial
4:14:08
freeCodeCamp.org
Рет қаралды 1,2 МЛН
HTML & CSS for Absolute Beginners: Semantic HTML
9:33
Kevin Powell
Рет қаралды 13
Node.js Crash Course
2:06:35
Traversy Media
Рет қаралды 271 М.
The Importance of Specialization in Coding
7:13
Traversy Media
Рет қаралды 243 М.
Build a Starbucks Landing Page Clone
1:19:23
Traversy Media
Рет қаралды 122 М.
CSS Grid Crash Course
53:45
Traversy Media
Рет қаралды 330 М.
Web Development In 2021 - A Practical Guide
1:05:16
Traversy Media
Рет қаралды 1,2 МЛН
Build a Portfolio Website & Deploy
2:00:45
Traversy Media
Рет қаралды 592 М.
The Best Band 😅 #toshleh #viralshort
00:11
Toshleh
Рет қаралды 22 МЛН