HTML5 & CSS Development: Learn How to Build a Professional Website | Udemy, Jordan Hudgens

[@emekaorie7627]

Love the fact that you said learning is best done by doing a project and then learn the fundamentals along the way

[@misenthropic]

Yeah, that's how I've learned lots of programming stuff, he isn't wrong.

[@r1otjomo122]

5 years later and this is still one of the best tutorials out there on website development

[@terrypen]

First time seeing a tutorial that combined HTML, CSS and JS in a step by step version! AND adding the notes at the beginning for keeping track of TODOs!

[@mounilgarg256]

Somebody do reply.... is this video wholesome, or just a glimpse of the course? Will it be helpful, or full course is to be watched?

[@mounilgarg256]

@Darkstar that was helpful, thanks

[@davidchudi-obi9199]

@@mounilgarg256 Great work!!! I learnt a lot but please i need to know where to find the logos you used,i got confused a bit at that point... Please do you know where i can get the logos

[@mithundas7672]

@@mounilgarg256 v n 0

[@supartibaby130]

gtgG GK gggggtgHH gbggggggggtghbggg tgtbgggbggbghtgggggggggggggggggghghbgcvgh yangggg bbbghgb HH gggggb HH gggg gBgtggg HH gbggggggggggtgggggthbgggbgbgbgggggbgggggghggtggtgtggggg HH ggg gggg GB gg ggg g HH bhhggggg ggg yg ggg ggg gb

[@danterusso6354]

I cannot thank you enough for your tutorial! As a disabled Military Veteran, I do not have the opportunity to go out and engage with people in the world that I once could. As a way to fill my time indebted to your kindness,...

[@massagemeinlondon1707]

This was my first attempt at any sort of coding. It took me about 4 days and three complete restarts but I did it! A really great tutorial

[@randomsregime1803]

Wow thats awesome! Great job

[@ernestomiguelcredito3777]

I am having trouble on the dark transition part.. When I hover over it the logo and the text won't show. It's behind the dark transition. Any thoughts how can I fix this?

[@arjuadhikari8528]

@@ernestomiguelcredito3777 hi ! can you help me . I'm having problem displaying images though all the syntax seem to be correct and are in same folder .

[@rashmikiranpandit8962]

@@arjuadhikari8528 Hey facing same issue, the images are getting enlarged all over the place, did u resolve this issue?

[@thebranmuffin8502]

@@ernestomiguelcredito3777 same, commenting here incase of fix

[@JordanMFuller]

Dude I'm only 23 minutes in and man I love the way you're teaching, like you said in the start about learning better with projects is so accurate! Thank you!!!

[@Smileg6956]

the meat man

[@sameer9368]

C🎉 Hirj 😊❤❤😊e❤

[@lorenamedels]

Thanks, I built this one for a school project. The final result is astonishing.

[@ankittiwari1647]

OMG! I have been searching for this for months and finally got it. The few seconds I thought this was going to be like others but thanks to him it wasn't. I can't tell you how happy I am to find this course.

[@davidchudi-obi9199]

Great work!!! I learnt a lot but please i need to know where to find the logos he used,i got confused a bit at that point

[@Yozdre]

@@davidchudi-obi9199 In video description you can find link to his github where you can download everything what you need to build this website (code, images, logos,...)

[@Rattingmyex]

your methods are unorthodox, but it's ok to learn

[@RustyV]

I didn't sleep the whole night.. And now I already have my personal portfolio.. I used thi tutorial as my base... Thank you thank you so much!!

[@YouSuperSoft]

This approach, coupled with a tutorial covering the basic html tools, is super effective :)

[@EnglishLaw]

Become comfortable with VSCODE. It is your friend.

[@ayanarko8890]

If you like animation with image lets can see this.. & you can follow kzbin.info/door/QwmuHAkpfwnPh-G80WpbHw animation making using html & css. kzbin.info/www/bejne/aGqwY3qfi5eCgKc

[@ayanarko8890]

If you like animation with image lets can see this.. & you can follow kzbin.info/door/QwmuHAkpfwnPh-G80WpbHw animation making using html & css. kzbin.info/www/bejne/aGqwY3qfi5eCgKc

[@KuftuKa]

When I refresh the "About" page, the border-bottoms (the bottoms meant to appear on mouse hover) for all navigation links appear and disappear promptly. It does not happen for the Home page. How can I stop it from happening?

[@indusrtial]

The best tutorial on starting a simple static website, the only thing that would have made this a 10/10 would be to include simple responsive behavior. Thank you!

[@twentyfoursevengamer512]

This is by far the best tutorial that combines HTML, CSS, javascript, and in orderly steps too. I even had to create the same TODO you had made, very descriptive I must say, thank you so much Jordan Hudgens!

[@dondrymuvhango6415]

2 years later and your content is still relevant....big thanks

[@abdullaalblooshi4499]

For beginners, emmet is the thing that auto generates code for you: Type ! then press enter, it will create the html skeleton. .something will create a div tag with something class

[@tomasvenegas6062]

Thanks for the information :)

[@bing.chilling_7]

*Covid-19:* _Making Programmers Since 2020_

[@nshimiyimanajeandedieu278]

legend

[@expatdu5409]

Word up!

[@teenytinytoons]

best comment ever.

[@dcode863]

@@bowiedante1106 nice

[@Waleedkhan-zh8hm]

Are u feel jelusy

[@kayscrib8572]

Who else noticed this guy loves s so much...Great tutorial tho

[@D.Dee_]

Way too much. He ignored other commonly used tags

[@geearellano9112]

you taught direct to the point what I need. not to fast not too slow. very good teacher! I want more JS tutorial please

[@jazzymilk9996]

Ive taken the time to learn HTML and CSS before but I gave that up, now I came back and watched your video and mastered it. Thank you so much for your time and effort for making this video!

[@constantinalexandrupatrauc6287]

BEST TUTORIAL IN THE WHOLE WORLD.

[@mayweldeyohanse263]

This is one of the best KZbin tutorial videos I've ever seen, thanks very much sir and keep going, dude. You are super talented and professional and the best teacher. I wish i have zillion email accounts to like your channel.

[@theshredguitarist25]

18:00 start of the Css file.

[@vidhishaniware1227]

Thanks buddy 😊

[@Twizby]

Awesome tutorial. From knowing zero about HTML and CSS to making a fully usable website, that was a great experience! Love the way you teach.

[@omarkraidie]

It's been 2 Years since I watched this video. Currently working part-time as a software engineer in a start-up

[@alexacharya2432]

Made my first website , THANK YOU!!!.

[@tanishqrana244]

WTF?? not even 1k Views for such great video??

[@diverseprogrammer18]

Eh, that's not true. There's a different reason why.

[@andreaskoszegi257]

Great great great!!!! I was so overwhelmed from the amount of softwares and tools other videos told me to use You made web development so simple for me Thank you

[@EdwinMactalMusic]

I have been going crazy in the ccs portion, the styles wouldnt work. i found out i forgot to add a semi colon at the end!!! dont forget

[@josephkyalo1712]

😂😂😂😂

[@DiegoRodriguez-wx7vs]

to the end of what please?

[@poppybalfour]

if you're using vs code, every time you add an atribute it shows it blue but if you forget the ; the following like will turn white (instead of blue-this way you can spot missing semi colon faster) :)

[@NelsonNelliville]

@@poppybalfour how do you preview html in vs code?

[@poppybalfour]

@@NelsonNelliville hi! I dont quite understand the question, usually I would open the html file with my browser then ctrl+s in vs code to save changes and f5 in broser to refresh and I can see the changes applies but its not a preview.

[@NathanFreehling88]

If you're stuck migrating your images into Vis Code, this should help. Open them up in Explorer (inside Vis Code) and right-click on the link for the image. You'll see towards the bottom of the pop-up the option to map in via "copy path", click that. You can copy + paste the link directly into the section for and you're all set. This video is awesome, but it totally skips over how best or easily you can map your file paths for images. Good luck!

[@alimansourey2076]

The container you added to contain the navbar violates semantics in HTML, you should have used the element

[@israelnicodemusyakubu7296]

OMG 😲, this is one of the best KZbin tutorial video I've ever seeing, thanks very much sir and Good bless you.

[@carltone]

Jordan, Thank-you so much for sharing your 100’s of hours of accumulated knowledge in this excellent tutorial video. I come from the Embedded C language environment , I have to say I find the syntax and keyword quantity to be a little daunting. Sharing your design ,development and results approach is enlightening, will help the learning curve. 🤯 Thank You

[@TheMackMathis]

im a week into coding and this all seems so foreign to me. just doing it to get a feel for how things are built. hopefully sometime down the line i can understand most of this on my own!!

[@DanielSousa-dx3rn]

how're you doing now?

[@TheMackMathis]

@@DanielSousa-dx3rn i’ve started learning javascript!!

[@bijalbhavsar5556]

Hey first time coding, was this tutorial helpful?

[@TheMackMathis]

i didn’t really understand too much, but it was good practice while still learning

[@TheMackMathis]

update: coming back to this video and i pretty much understand everything that's going on here! keep going guys yall can do it

[@SamChaneyProductions]

If anyone else is stuck at 1:06:00 where the absolute and relative positioning of the portfolio background image and logo image are still not on top of each-other like they are supposed to be, but instead are side by side, make sure you don't have any other existing CSS tags that could be overriding them like a * tag (which you should avoid using if possible)

[@jehriko7525]

This right here is how you advertise, Udemy. I'm about 10m in but if the full course on your guys' website is as good as this youtube video is I'm for sure buying, because you're getting what you pay for.

[@SwatiPatelnz]

Great tutorial! I was a website dev for a couple of years about 5 years ago - but forgotten so much - so this was a great refresher, plus I paid more attention to html layout, classes & CSS. Plus, the short mention about the usefulness of frameworks. You are a great instructor!!!!!

[@tanviralfarhan2805]

Thanks dear

[@pvstee]

who else learning during quarintine

[@Technomancer31]

best time to learn a new skill

[@nik.a8996]

@@Technomancer31 yep

[@cachomanify]

quarentine is a wonderful opportunity to do procrastinated tasks

[@MrkRsls]

Yes yes yes, Quarantine is the best time to maximize your life haha

[@bekacynthia]

Takepoop Takepoop high five, my friend 🙌🏻🙌🏻

[@brianfintch3496]

I'm literally that kind of students who learns by taking small projects

[@nomadicfathersons]

If you like animation with image lets can see this.. & you can follow kzbin.info/door/QwmuHAkpfwnPh-G80WpbHw animation making using html & css. kzbin.info/www/bejne/aGqwY3qfi5eCgKc

[@sofonsteigernduwayezu2427]

dude is the best teacher ever

[@lindakenqa3427]

Thorough and concise tutorial. Easily understandable if someone has basic HTML and CSS.

[@geeayejoe2411]

Excellent tutorial! I learned more here than in any other places.

[@andrewericliu3845]

I totally agree.

[@rma1563]

A quick life hack, watch it at 2x speed. which is still clear enough 😁. Thanks for this video. I learned a lot. 🧡

[@richmond6845]

God bless you, my brother. This is art is a masterpiece.

[@SwatiPatelnz]

@John Power It's pretty clear what he meant - this tutorial is magnificent!

[@Kingerious_]

THIS TUTORIAL BLEW MY MIND! I WOULD DEFINITELY LIKE TO SEE MORE TUTORIALS FROM YOU!

[@temitayooluwadamilarelawal6134]

I can now say my journey as a coder has just began with this course. Thank Mr. Jordan for this wonderful content. I need link to download the pictures

[@kashpatel7955]

Thank you so much for this awesome tutorial ! Helped a lot as a beginner !

[@radiotech3]

I thoroughly enjoyed this tutorial even though I had an issue with th Javascript part

[@AyshaFilms]

This is absolutely amazing. Ive been struggling to find the right coding video where I learn by doing, im a beginner programmer so this video was an incredible start for me. I finished the whole thing in 2 days, took my time to re-listen and understand the concepts as i implemented them.

[@mohammadsszai3019]

Wow u must be lucky, im struggling with background image, every time i put in, for e.g url (folder/xyz.jpg) and become large almost the whole screen, all thing are cleared spelling and all that, even subtitle text are ok with grid line showing proper. I think my image size are big, i dont add nothing in logo img.

[@AyshaFilms]

@@mohammadsszai3019 you have to adjust the size on css :)

[@mohammadsszai3019]

@@AyshaFilms ok i will check it like this> for e.g image-size: 55px; I have done 4 months of study at my local i.t learing institue and end up with this asking about image size and searching udemy. These center took my money and time too! Thanks ayesha

[@shikharupadhyay7435]

Best ever video on HTML and css

[@SAMs3piol]

Probably the best HTML/CSS tutorial I´ve seen.

[@emmanuelakunne6206]

My first image is showing at the right side of my screen instead of the left

[@ihazaomosefe5562]

I feel too many tag in the HTML and it gets very much cumbersome to handle them all

[@EmadElSammad]

Same here. I shut down the video after I got drown in DIVS

[@black2sugars543]

@@EmadElSammad kzbin.info/www/bejne/nmSze52GZdN4b5o you'll thank me later.

[@black2sugars543]

kzbin.info/www/bejne/nmSze52GZdN4b5o you'll thank me later.

[@ebobomaxwell2577]

most web development comes with div and nav just for conatiner.

[@EmadElSammad]

Cathrin E. Gordon Actually you’re right. It’s a good trick. Wish you have told me earlier haha. Also, thanks for the guy who recommended me to install “prettier” It helped a lot

[@parinitavedantam]

@57:22 did not work for me, I can see the grid but the image is covering the whole page and even making the navbar invisible. What should I do?

[@nairmanish]

Yes that's the same thing that happened in my case too...it's so damn annoying 🥺

[@nairmanish]

And I was not able to download those logos from the link he has given so I took a screenshot of it...how did u download those logos?

[@marklovatt6307]

Had the same issue i noticed he had alt="" at the src section. I did that and the logos appeared blank but I seem to not be able to show any images. Think he made a mistake but never showed us in video?

[@globgblobgabgalab]

9:00 thats when he actually starts to code

[@mikethegamedev]

Thx

[@box.withme]

Thank you 💞

[@Callofdeath1997]

I have done an education for programming for at a little than over a year, and i have learned more in 30min than i did in all those time at school, also for a moment i thought i was gonna get an ad at 33:25 about flex box

[@illlanoize23]

No ads? Instant like. And I agree a project works more so for web dev than software design or data structures. I mean all programming works better w example but I think html is easier to learn by doing than c++

[@jessicamendoza4649]

this is a great tutorial and I really was able to get into the mindset of how to plan out the website and then code accordingly. The only issue I have is that for some reason i cannot get the javascript to work for the darkening of the image on the mouseover.

[@belloscofield4020]

I’m having the same issue

[@samueljoensuu6796]

also have the same issue

[@AvinHouston]

hi, am glad someone talked about it, am also experiencing the same issue, its driving me crazy.

[@MrUtoobee]

Share your script. I will sort it out.

[@belloscofield4020]

Dhiraj k can I send it to your email

[@nnelg.t1232]

When I tried to do the line of code in 53:36, I don't get the result in 57:27. There isn't a blank white area followed by the subtitle, mine just shows the subtitle. When I tried copying the code and pasting for 12 times, the subtitle just appears line after line without any blank white spaces between them. Seems like my background image is not opening. Help please(i have checked the spelling they are correct)? :(

[@wavydonjuan]

If you find out bruh let me kno this the same exact spot I’m stuck at

[@lokesh239]

The issue is with the images folder. Ensure that the images folder should be inside the portfolio-html-site folder. If you are doing a drag n drop, you will be prompted with a dialogue box. Choose "copy folder" instead of "add folder to workspace"

[@grantsoutdoor]

@@lokesh239 same happened to me. I made an extra folder that I put the portfolio pics in. just didn't add the full name.

[@kwhandy]

'how to be developer and body builder' yes, web development makes you sixpack not just in your head but your body too. keep healty during this condition!

[@shreyaumesh3978]

I tried to interchange the sides of the headings (till 37:00 in the video), but that doesn't seem to work. Even the "display: flex;" doesn't work... I checked the syntax, and it seems to right. Can anyone help me out?

[@shiningsilence13]

i learned more from this than any of the web development classes I took in University lol

[@Psychobellic]

LOL this is better than the courses I paid for, wth

[@biogesicc0808]

shouldntve paid for skillshare but okay :/

[@tonysparks3258]

The "learn while building" is a great approach. but the "I will explain this later" is the perfect way to kill everyone's enthusiasm. In short, imho: good intentions, bad methodology...

[@uranium993]

well, he cannot explain every single thing at once, especially not in an hour long video. But since God graced us with the free internet and thousands of people sharing knowledge, you can just type in google or YT whatever is it you don't understand, then come back and continue.

[@muudus_tv]

@@uranium993 lol free internet

[@SayfSentinel]

A lot of bad practices here No semantic tags like nav for the links No main tag A lot of unecessary div

[@shahabsaif01]

@@muudus_tv he did not intend it from a literal sense!

[@salihgireniz5339]

@@uranium993 Where do you live dude? I also want that free internet.

[@freedomguider]

I did not know how much free material I could get from KZbin. I wish I had known this before I had completed my Master Degree A few years ago. Who agrees with me 100%?

[@guiughii3198]

Definitely bro, nowadays you can get the same information you could get in college for free on your computer.

[@kencheok1769]

Learnt so much more by building projects....

[@aram535]

[ Please note that this is a year after the video was posted, so I'm sure things have changed as of Aug 2020 ] Thank you for posting this... I was listening to your workflow and saw the effect you were after. If you're just doing it to demonstrate JS implementation then please ignore the rest of the message. Otherwise, the same thing can be done via CSS without any JS at all. If you add :hover to the .img-text-wrapper class with: position: absolute; transition: 1s; filter: opacity(90%); background-color: #000; you'll get the same result when someone hovers on each portfolio item. Here is the scss for the above: .img-text-wrapper { position: absolute; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; text-align: center; padding-left: 100px; padding-right: 100px; &:hover { position:absolute; transition: 1s; filter: opacity(90%); background-color:#000; } }

[@belloscofield4020]

Aram Mirzadeh am still not get the img darken

[@FRONTRUS]

*To the everyone reading this* : Sending Virtual hugs to everyone who needs it, Stay Safe! 😷

[@penguin2701]

yeh thx

[@ayanarko8890]

If you like animation with image lets can see this.. & you can follow kzbin.info/door/QwmuHAkpfwnPh-G80WpbHw animation making using html & css. kzbin.info/www/bejne/aGqwY3qfi5eCgKc

[@penguin2701]

ok i will see but kwno i am working c++ I DO not have time i will see the web when i have space

[@Qopa]

Giving virtual covid, thx

[@ayanarko8890]

@@Qopa I just want true help. kzbin.info/www/bejne/b53KfKqbep6ZgrM Subscribe on this link I have subscribed yours

[@Kemmydai]

Amazing content! Definitely feeling more confident after following through with this tutorial

[@ayanarko8890]

If you like animation with image lets can see this.. & you can follow kzbin.info/door/QwmuHAkpfwnPh-G80WpbHw animation making using html & css. kzbin.info/www/bejne/aGqwY3qfi5eCgKc

[@nomadicfathersons]

If you like animation with image lets can see this.. & you can follow kzbin.info/door/QwmuHAkpfwnPh-G80WpbHw animation making using html & css. kzbin.info/www/bejne/aGqwY3qfi5eCgKc

[@bsoffer9400]

I’m having an issue where my images won’t load and google says error file not found but I don’t know what I’m doing wrong?

[@bsoffer9400]

Turns out the file I added as an image was worded differently than the tutorial so write it exactly as you save it, not the way the tutorial has it.

[@carsonwyndham9693]

I love the course and everything went well with the exception of the javascript. I erased and wrote it again more than once following everything you were doing however my nodes captured were continually zero. I gave up and moved on. Thanks

[@mebusy2280]

Oh gosh I'm going to give it a try!!! Just did a full watch through, next up the hands on!!!!

[@el.tacolgando]

How did it go?

[@That9ja_kpopgirl]

my images are not shoeing and I used images from my system..how do I correct it

[@jonetgames]

i remember playing with the Inspect tool and "changing" websites when I was a kid lol

[@jnorris32]

I’m 28, when I was a kid there was no live editor like Chrome’s inspect tool. It definitely helps understand things.

[@WirvingNunez]

Thank you, this really helped me out to understand more the grid system on css!

[@AGNT_Alexander.07]

When i did Web development, they never taught us about the grid feature... this was the first time im hearing bout it...

[@TECHADVICETEAM]

One if the best course I have ever came across in last few years

[@gothfrog69]

Your explain concepts very clear and simple. Thank you.

[@shopifizeshop4536]

Im having an issue in CSS, display: flex; is not working on. Can anyone explain why? Even I double checked that class name. Padding and everything works, only display: flex; is not working.

[@shopifizeshop4536]

I figured out, cause the closing div tag, is not properly done. Now display: flex; is working.

[@Jj-iu3ed]

i'm also getting same and i tried to solve this for 3 days

[@Jj-iu3ed]

@@shopifizeshop4536 all are arranged properly

[@giftmunthali3462]

same issue with me, I have tried to check errors in my code, cant find them. display:flex is not working. I am using vscode, firefox or chrome.

[@shopifizeshop4536]

@@giftmunthali3462 Check all the div tags are properly placed. I used a chrome browser.

[@mrsdean1002]

Thank you so much for your tutorial! You did an excellent job of explaining everything!🙏🏽

[@looplinks8654]

facebook.com/ezywebbuilding/?modal=admin_todo_tour dude plz support our new page

[@yawartahqeeq3197]

Thanks for putting together this wonderful learning event. The process went on smoothly, except for grids that despite my several checking and rechecking never seemed to work. So, despite having the same codes on the visual studio code screen, the end result did not match your results. Any suggestion you might have? thanks again.

[@atticusezis1039]

Had the same issue and fixed it. If your code truly matches then this error won't occur. For me I had to fix the syntax used to nest (

[@tehminakhan7444]

Thanks for a great tutorial Mr. Hudgens. I have tried it and it worked fine. i am realy happy to complete my first ever website with u !!!!!!!!!!!!!!!!!!!!!!

[@nathanielcrooks6284]

I fail to understand why someone would dislike this video

[@meshachyamoah3419]

Okay so I got to the .portfolio-img-background part and now all my background images are all zomed in. Any help?

[@timoosterveer4087]

same!

[@gausalja]

Did you figure it out ? Cause I have the same on and don't know what to do..

[@LloydZyanRUy]

You know its not beginner's stuff when the very first sample line of code is not "Hello, World!"

[@nashaatsalah7872]

a very negative comment dear

[@tofikadigozalov9472]

@@nashaatsalah7872 it was a joke?

[@jgalvan09]

@@tofikadigozalov9472 horrible joke

[@dailyfacts3212]

@@jgalvan09 Much like your taste in humor. Bloody christ lad let the person live.

[@jgalvan09]

@@dailyfacts3212 oooooh bad taste in humor ok 👌🏼 someone is bored on a Saturday night 😂

[@mebusy2280]

Definitely! I'm in the category of trying to improve my skills during these times! Ran across a problem though... During the background image URL, my images won't appear when the instructors did. Maybe the path? Anybody else come across this issue?

[@medhashukla3325]

Ya.! Facing the same when I thought of going through the comments!

[@heykiel5184]

Me tooo my path is nyehh Did you guys figure it out

[@gatmaitap6611]

@@heykiel5184 try this way to pick that problem. here is example (1) in the place where i wrote images it represent folder name where you put all the photos, inside your web page (2) where i put photo.jpg is that you are going pick-out the details of the photo you want to insert .

[@hairplayyy]

That's exactly where I am with it. I was enjoying the process and now it's pretty frustrating, especially since even going through pages of the comments, it doesn't seem like anyone was ever given a solution. I hope you guys figured it out!

[@hairplayyy]

I'm sure you figured it out by now, but I wanted to add my solve in case anyone else comes across this tutorial and ends up having the same issue. When I started the project I created the initial folder on the desktop and titled it with a different name ("Website Practice #11"). So when I downloaded the "images" file he provides for this tutorial it was of course located within the file called "portfolio-html-site-master" (since this is where it was unzipped to and how he created it). When I got to the part in the video where the images should be showing up, they weren't, and while I could get the images folder to show in VScode, I could not get the images folder to nest into the main workspace folder I needed it in within VScode. So I went and found the "images" folder within my desktop, copied it, and pasted it into the folder with the name I had created for the project (Website Practice #11). When I went back to VScode, I saw the "images" folder was now WITHIN the folder I was working in. I'm extremely new to VScode so there may have been a way to do this within VScode, but after saving and refreshing the webpage, the images appeared and I can continue. I hope this made sense. It was definitely a path issue! Hopefully this can help someone who has the same hiccup.

[@elishatech4600]

Thanks A million times. I have waited long enough for this kind of video

[@Guilliano_B]

I first took the basic course of HTML CSS on udemy (finished it) Now i will take yours, the way you explain things in this video is serious next level. Thanks for the video.

[@sidkbsri3997]

Great Tutorial!, I have used programming languages b4 so I was able to follow along your Javascript. I wanted to know how JS integrated with HTML and CSS because I have made a website with HTML and CSS but not JS. This tutorial helped me out, thanks! Would appreciate it if you made a video talking about the integration of JS with a non-interactive site made with HTML and CSS.

[@ohlawditsando]

thats the dumbest question ive seen someone ask

[@rathernotdisclose8064]

0:30 "some of the skills that you're going to learn are going to be HTML5, CSS3, Javascript"

[@anonme_]

Ah, yes, let's pick up on random thing that an instructor said and say he was a bad teacher. Excellent.

[@EdAguirre2.0]

Is anyone currently working on this project? I'm currently at 59:14 and when I try to place the images in a grid nothing happens and all my images are still sitting on top of each other, not sure what I'm doing wrong

[@zamaema]

when I use explorer I've the same issue even though I've completed to write down all codes properly. But in chrome even though photos are not on top of each one they are two much separated in 3 grids and subtitles are seen below the photos. I couldn't handle by modifying the paddings or width.

[@Karina-lp7lz]

I had the same problem. My mistake was with the div for the background image. instead of I had But is not a valid markup. A self-closing div tag is not permitted.

[@EdAguirre2.0]

@@Karina-lp7lz I just reviewed the code and looks like I did close up the divs pertaining to the images and backgrounds but I think I just got lost in this sea of DIVs and i think I have an open DIV somewhere in there but I just decided to scrap the project and try again haha. Thanks though!

[@keziyakurian1556]

same problem, I wrote all the codes properly

[@lucapontiggia3123]

Just a PSA - for those trying this in 2021 - at 1:21:49 he mentions that the index for the "portfolio-img-background" is "1". For some reason, it was index "3" for me (chrome 90.0.4430.212). Just find the appropriate index number once you inspect and use that. Took me a lil debugging to understand why I was getting errors.

[@Izzy254er]

How do you apply the index no??

[@markdenver9866]

I'm currently watching this best video right now and I already deleted all of my online games so I can focus on becoming a web developer with all your help sir. Thanks for this, I'll edit this comment once I learn html css and javascript.

[@ashmitjha8327]

Hi, @51:24 when I write , the name moves from top right to center for some reason. Pls help

[@lugmanmohammed5544]

Are you suppose to ADD one extra last closing at the end like this Page Title Home About JORDAN HUDGENS> Do you want to learn how to build professional websites with HTML5, CSS3, and JavaScript? In this tutorial, HTML5 and CSS Development: Build a Professional Website | Udemy instructor, Jordan Hudgens will take a project driven approach to Become the BEST BE THE BEST!! Everywhere is the leading event management platform on the web millions of individuals valuazing three application to find the best tutor HTML5 & CSS Development: Learn How to Build a Professional Website | Udemy, Jordan Hudgens

[@jakecooley7603]

Thank you for this! I was solid until you began Javascript. That'll take a couple of times to understand!

[@iahonz]

Kepe at it, you'll do fine!

[@RodAllsopp]

I know. That's around the time my brain began to melt.

[@zionvirgil255]

my images comes out too big and it interferes with my dashboard, how do i solve this?

[@ellie-g9o]

You can just do

[@wisdom1645]

@Duck Cast Thank's a lot

[@wisdom1645]

@@ellie-g9o thank's

[@gamesinsight3800]

So I learned some sort of basic HTML in 2006, but never got into CSS. I am shocked what simple CSS and a bit Code can do by now. The JS Part was kind of very cool, as I handle Java Application Systems on Daily basis but never got into the codes itself. This little script and basically your debugging was alone a very important step on learning how JS is handling the objects in the web page. It took me about 2.5 hours to build the page with you... And another 3 hours to build the Webserver on a remote host and extend your page with 1 active link leading to an internal Jenkins application so I would say... Great Tutorial and pretty awesome steps for a Saturday. XD

[@daniellanciotti8908]

excellent video, ideal for beginners, the Js part its very complicated... but its just 3 minutes... Thanks Again!!!

[@dibelius7830]

Great job on this tutorial. It was perfect to refresh my outdated HTML and CSS knowledge and push it to the next level. You even encouraged me (while watching and even when you mentioned it only as a side note) to learn some basics in Ruby and Rails.

[@satendrasingh7578]

when grid code was added it stopped working for me.Checked everything.

[@staticsubteran]

check spelling the grid works

[@belloscofield4020]

The JavaScript part is so confusing, keeps returning error one I input the [1]

[@sasuke1243]

I'm having this issue too, did you figure out the solution?

[@panossubasis5532]

Me too

[@arenuzzle6282]

i usually hold alt f4 works every time, java mastered

[@hiccupmcgee1590]

You probably missed a step or mistyped a word, look through your code and you might find the problem.

[@fabdan5745]

I got rid of the Js code which was confusing, and used instead CSS to accomplish the same effect within just a minute 😉. Here's the CSS code I wrote: .portfolio-item-wrapper:hover .portfolio-img-background { transition: 1s; color: darkslategray; filter: brightness(55%); } Change the color to whatever you like and play with the brightness depending on the kind of images you've got ;)

[@MSMOTOVLOGS]

One of the best videos i have ever encountered. Got the concepts now.

[@RockingSaga]

Very Relevant!!! I really like it