FREECODECAMP: HOW TO BUILD A PERSONAL PORTFOLIO PAGE (2022) скачать в хорошем качестве

FREECODECAMP: HOW TO BUILD A PERSONAL PORTFOLIO PAGE (2022)

#Freecodecamp #HowTo #Portfolio #PersonalPortfoliopage #FCC #Challenge #ResponsiveWebDesign #HTML #CSS #HTML CSS Tutorial #Tutorial #Codepen #Bootstrap FYI:For best view look at this video in full width screen In this video we are going to cover "HOW TO BUILD A PERSONAL PORTFOLIO PAGE" using codepen.io. This is the final Responsive Web Design Project from FreeCodeCamp. This will be your portfolio page where you are going to display the projects you have worked on. At the end of the page you are going place your social media links on how user can connect or contact you. I am going to leave the links below: Codepen.io https://codepen.io/Traverse-Create/fu... Bootstrap 5 https://getbootstrap.com/docs/5.0/com... Google Fronts https://fonts.google.com/specimen/Genos https://fonts.google.com/specimen/Lex... Font Awesome https://fontawesome.com/icons FreeCodeCamp Personal Portfolio User Stories by Timestamps 00:00 How to build a personal portfolio page 03:20 How to insert Google Fonts 04:08 How to add navigation script tags 05:25 User Story #1 How to add id of welcome-section 06:05 How to add bootstrap navigation 06:26 User Story #2 How to add h1 element that contains text 18:57 User Story #3 How to add projects section with an id of projects 20:50 User Story #4 How to add class project-tile to hold a project 22:26 User Story #5 How to add a link to a project 35:40 User Story #6 How to add id of navbar to navbar 36:45 User Story #7 How to add link to navbar so it navigates to different sections of the page. 44:54 User Story #8 How to add id profile-link, on click it opens in a new tab 51:03 User Story #10 How to add viewport height to welcome section 57:04 User Story #11 How to make navbar stay on top of viewport 57:37 User Story #9 How to add media query Music by Bensound