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
Thank you, FreeCodeCamp for hosting this video, It's like a dream coming true. Hope you enyoy the video everyone!😎
can someone please explain… Thanks in advance
i tried to understand that navbar js functionality but i couldn't so i did it like this
const navBtns = document.getElementsByClassName("li");//control
nst navbarFunction = (num,array) => {
for(let x of array){
if(navBtns[x].classList.contains("nav-links-green")){
navBtns[x].classList.remove("nav-links-green")
}
}
navBtns[num].classList.add("nav-links-green");
}
navBtns[0].addEventListener("click", () => {
const items = [1,2,3]
navbarFunction(0,items)
})
navBtns[1].addEventListener("click", () => {
const items = [0,2,3]
navbarFunction(1,items)
})
navBtns[2].addEventListener("click", () => {
const items = [0,1,3]
navbarFunction(2,items)
})
navBtns[3].addEventListener("click", () => {
const items = [0,1,2]
navbarFunction(3,items)
})
hello, thank you for the tutorial,
i'm wondering how to include the blog articles and open it when we click on the blog thumbnail, i will appreciate any help
damn i learned a lot