In this course, you will learn how to build a portfolio website using JavaScript, HTML, and CSS. This is a great project to improve you frontend development skills.
āļø MacLinz developed this course course. Check out his channel: https://www.youtube.com/c/MacLinzUniversalChannel
š» Code: https://github.com/Maclinz/JS_CSS_PortfolioProject
āļø Course Contents āļø
āØļø (0:00:00) Introduction
āØļø (0:02:37) Switch Between Sections
āØļø (0:48:53) Header Content
āØļø (1:06:22) About Section
āØļø (1:42:34) Portfolios Section
āØļø (1:58:52) Blogs Section
āØļø (2:11:31) Contact Section
āØļø (2:44:09) Media Queries
š Thanks to our Champion and Sponsor supporters:
š¾ Raymond Odero
š¾ AgustĆn Kussrow
š¾ aldo ferretti
š¾ Otis Morgan
š¾ DeezMaster
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
source
Thank you, FreeCodeCamp for hosting this video, It's like a dream coming true. Hope you enyoy the video everyone!š
Amazing tutorial this is. Just outstanding āŗļø
You can see that he actually provides cover fire for the other guy to retreat, this also distracted the Russian soldiers, allowing the other Ukrainian soldier to safely escape, it is more than likely that the soldier who dies orders the other soldier to retreat, as the soldier begins to retreat simultaneously to when the other soldier provides cover fire before being hit, you can also see it looks like they briefly exchange communication less than 5 seconds prior. 3:10
Thank you I loved this video š
need to explain more and tell why he is doing the things he is doing to be more useful for beginners like me.
How do you make the contact from functional? I've added action="mailto:myemail" but it doesn't seem to be enough…
I really like this. Congratulations on a job well done.
it the video no "main-content "
I am having difficulties with 54:18, it seem's that i can only get the image to show with no h-shape background appearing.
i have some problem in scss. everything working fine. until .
.control{
padding: 1 rem};
i wrote all the code. but no reaction. can someone help me out. where is my mistakes.
suggestion: i think the buttons should have a text so visitors dont have to click them and find out what they're for. plus i also want it to scroll through the different sections, meaning the different sections should be directly one after the other while scrolling AND if the user wants to quickly navigate to a section then he can use the buttons
SCSS effects are not taking place. Can anyone help?
How would I make it where each blog post has its own page? Iād rather put an excerpt on the main page because putting a whole article makes scrolling down the blog page a task
What is the back end and front end here
Nice work!
1:31:35 do not forget adding "position: absolute" into &::before element .stat-title
Heyy, I am getting this error, 'ReferenceError: document is not defined', please help
What is this software you are using? Is it free?
hello! are you vietnamese ?
hey at 45:00 on my console, it saying can not read properties of undefined ( 'remove' ) when I'm clicking different buttons, please help me solve the problem
app.js:17 Uncaught TypeError: allSections.addEventListener is not a function errorplease help
Hey! It's an amazing resource! Thanks so much. I can't make media part work at all. Any ideas?
i want to add another function, when I scroll the page the section will be change like if I scroll down the next section will be about…. how to do that
Is there a simple way to have different transitions for each section? I've been messing around with the code a little but can't find a solution.
Edit: I found a solution. Example:
#contact.active {
display: block;
animation: contactAnim 1s ease-in-out;
@keyframes contactAnim {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
}