In this online video we will make a portfolio site and deploy to AWS
Denis Ivy YouTube Channel:
Code:
Are living Challenge:
Infographic (Flex vs Grid):
💖 Grow to be a Patron: Present assist & get benefits!
Internet site & Udemy Course One-way links:
Abide by Traversy Media:
Timestamps:
:00 – Brads Intro
:48 – Dennis Intro
3:00 – Flex + Grids Recap
7:08 – Original Set up
20:48 – Initially Grid Parts
31:28 – Navigation Bar
43:10 – Intro Part
1:05:41- About Section
1:18:27 – Portfolio/Weblogs
1:28:33 – Get in touch with Type
1:33:50 – Incorporating Far more Internet pages
1:36:12 – Transforming Themes
1:55:22 – Web hosting the Site
Almost 3 years ago your tutorial on Django was one of the first I ever watched. To have reached even a fraction of your level and to be able to collaborate is a bucket list item I can now cross off, thank you Brad 🙂
Great Tutorial, Denis Ivy. But, where is the server side for the contact section? Complete it, bro?
Very helpfull with CSS, amazing tricks
thank you so much, the only problem is that in your website all of the "read more" links, take you to the same page 🙁
once I upload my project, can I keep editing and the changes will be saved?
For some reason, my hr tag gives me a vertical line instead of a horizontal one.
Guys need help. 1:51:18 its not changing colors. Got message: net::ERR_FILE_NOT_FOUND
grid-template-area is so gangster.
I'm on minute 15 and I still don't understand why you get different fonts than I got
i'm wondring if the employer asks me is it you who did it ? what would i answer
7:50 mine is responsive without the media quiery. Any idea why is that?
If you are using arrow function and if you got error(" this.dataset is undefined") in 1:49:21, replace this with themeDots[i].
Enjoy 💪
Hi Brad/Dennis/fellow learners – Can someone please let me know if hosting in AWS is free of cost. If so is it for a specific period as I don't have much knowledge on this. If we have to pay then are there websites where it is free?? Sorry if it's really naive but I don't know.
i love you very much brother
Wow… you (Dennis) write code so different from me. So I really loved doing it your way in this video.
Why so many Divs?
preety well explained
The best video ever!
God
Love what you do, I also try to explain complex ideas in beginner language on my channel, I would appreciate your support https://www.youtube.com/channel/UC6N4i972Z7F-ozmUWDakS1Q
Love what you do, I also try to explain complex ideas in beginner language on my channel, I would appreciate your support https://www.youtube.com/channel/UC6N4i972Z7F-ozmUWDakS1Q
Do I need to have a server for the contact me page and the info, if yes then how to do that?
checked out his channel, it has cool staff. thanx for sharing
2 years after am back to refresh on css .. thank you so much for the AWS too
Awesome material. Can't believe it is given to us for free!
I do love the wallpaper. Is there a way I can access that wallpaper as well?
Ik heb ook een nederlandstalig kanaal over programmeren "JensDevelopment"
May i know, what kind of font that you used in this font ?
This is an awesome project! Thank you so much!!
2021: Amazing Tutorial
I just changed the if theme function in the "javascript file" by using the *switch case*:
function setTheme(mode){
switch(mode) {
case 'blue':
document.getElementById('theme-style').href = 'blue.css';
break;
case 'green':
document.getElementById('theme-style').href = 'green.css';
break;
case 'purple':
document.getElementById('theme-style').href = 'purple.css';
break;
default:
document.getElementById('theme-style').href = 'default.css';
}
/* save to local storage */
localStorage.setItem('theme', mode)
}
is it dynamic?
I learned so much from this tutorial thank you. I've subscribed and will be checking out future content.
Theme change is NOT working for me
The local storage stuff neither…
I need to take a walk and come back to it
How much will it charge for hosting my portfolio website on aws?
Thanks its funtastic project for beginners. 😍😍😍😍😍😘
Everytime i try to create the variables in the root section on the css file, it tells me im missing a bracket even though I am not. Whats wrong?
After mindlessly hopping from one failed tutorial to another, I was able to make substantive progress with help of this video. Thanks a ton, Dennis!!
Thanks for the tutorial….❤❤❤🧡🧡🧡💖💖
Does it cost any money to host this kind of static file in AWS …since we have to give our card credentials ?
Hi Dennis, I created this website through Bootstrap-4 and also used "SCSS" for styling, but I can't understand how can I do the theme switch option in "SCSS". Please help me!
can I get a link to your wallpaper?
What's that background you have on your desktop? Mind sharing? 😀
For javascript part why you have not used ids which are also different. That can be an improvement point
below is my code:
let themeDots = document.querySelectorAll('.theme-dot');
const link = document.querySelector('#theme-style')
for(var i = 0; i < themeDots.length; i++){
themeDots[i].addEventListener('click', (e) =>{
switch(e.target.id){
case "blue-mode":
link.href = "./css/blue.css";
break;
case "green-mode":
link.href = "./css/green.css";
break;
case "purple-mode":
link.href = "./css/purple.css";
break;
default:
link.href = "./css/default.css"
}
});
}
Thanks in advance.
Great video, I love your projects.
I was searching for link to the video in which you worked on Django for this website, but I failed.
Kindly share the link, I will be great-full.
Kind Regards
I am watching it and coding along. Some of the concepts are new to me. I would say that explanation of naming convention and the order it is written would be helpful (especially css). Many thanks!
Best web tutorial.
Please do make a video on back end for this