{"id":6304,"date":"2026-08-10T09:31:55","date_gmt":"2026-08-10T09:31:55","guid":{"rendered":"https:\/\/nokobox.com\/index.php\/item\/frontend-masters-web-development-project-personal-portfolio-website-2024-9\/"},"modified":"2026-08-10T09:31:55","modified_gmt":"2026-08-10T09:31:55","slug":"frontend-masters-web-development-project-personal-portfolio-website-2024-9","status":"publish","type":"digital_item","link":"https:\/\/nokobox.com\/index.php\/item\/frontend-masters-web-development-project-personal-portfolio-website-2024-9\/","title":{"rendered":"Frontend Masters \u2013 Web Development Project: Personal Portfolio Website 2024-9"},"content":{"rendered":"<div class=\"w-post-elm post_content\">\n<h2 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Description<\/span><\/h2>\n<div class=\"presented-response-container ng-tns-c357060534-66\" style=\"text-align: left\">\n<div class=\"response-container-content ng-tns-c357060534-66\">\n<div class=\"response-content ng-tns-c357060534-66\">\n<div class=\"markdown markdown-main-panel\">\n<p data-sourcepos=\"7:1-7:377\"><span style=\"vertical-align: inherit\">Web Development Project course: Personal Portfolio Website. In this hands-on course, solidify your knowledge of web development fundamentals by building a personal portfolio website. Create a showcase of your best work by implementing a style guide and coding responsive layouts for desktop, tablet and mobile devices. Use the latest CSS techniques such as CSS variables, flexbox, grid and media queries to create a professional and attractive website.<\/span><\/p>\n<p data-sourcepos=\"9:1-9:25\"><strong><span style=\"vertical-align: inherit\">What you will learn:<\/span><\/strong><\/p>\n<ul data-sourcepos=\"11:1-15:0\">\n<li data-sourcepos=\"11:1-11:62\"><span style=\"vertical-align: inherit\">Implementing a style guide to create a consistent and professional look<\/span><\/li>\n<li data-sourcepos=\"12:1-12:70\"><span style=\"vertical-align: inherit\">Coding responsive layouts for proper display on different devices<\/span><\/li>\n<li data-sourcepos=\"13:1-13:65\"><span style=\"vertical-align: inherit\">Using the latest CSS techniques to create visually appealing effects<\/span><\/li>\n<li data-sourcepos=\"14:1-15:0\"><span style=\"vertical-align: inherit\">Making an exhibition of your best work to introduce your abilities<\/span><\/li>\n<\/ul>\n<p data-sourcepos=\"16:1-16:31\"><strong><span style=\"vertical-align: inherit\">This course is suitable for people who:<\/span><\/strong><\/p>\n<ul data-sourcepos=\"18:1-22:0\">\n<li data-sourcepos=\"18:1-18:44\"><span style=\"vertical-align: inherit\">Looking to learn the basics of web development hands-on<\/span><\/li>\n<li data-sourcepos=\"19:1-19:60\"><span style=\"vertical-align: inherit\">They want to create a professional portfolio website for themselves<\/span><\/li>\n<li data-sourcepos=\"20:1-20:47\"><span style=\"vertical-align: inherit\">Looking to learn the latest CSS techniques<\/span><\/li>\n<li data-sourcepos=\"21:1-22:0\"><span style=\"vertical-align: inherit\">They want to showcase their work in a professional environment<\/span><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course specifications Web Development Project: Personal Portfolio Website<\/span><\/h3>\n<ul style=\"text-align: left\">\n<li><span style=\"vertical-align: inherit\">Publisher: <\/span><a href=\"https:\/\/href.li\/?https:\/\/frontendmasters.com\/courses\/portfolio-website\/\" target=\"_blank\" rel=\"noopener\"><span style=\"vertical-align: inherit\">FrontendMasters<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Instructor: <\/span><a href=\"https:\/\/downloadlynet.ir\/tag\/jen-kramer\/\"><span style=\"vertical-align: inherit\">Jen Kramer<\/span><\/a><\/li>\n<li><span style=\"vertical-align: inherit\">Training level: beginner to advanced<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Training duration: 5 hours and 5 minutes<\/span><\/li>\n<li><span style=\"vertical-align: inherit\">Number of courses: 34<\/span><\/li>\n<\/ul>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Course headings<\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-981511\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/10\/Web-Development-Project_-Personal-Portfolio-Website.c-scaled.jpeg\" alt=\"Web Development Project_ Personal Portfolio Website\" width=\"1035\" height=\"2560\"><\/p>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Pictures<\/span><\/h3>\n<p style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-936422 size-full\" src=\"https:\/\/downloadly.ir\/wp-content\/uploads\/2024\/10\/Web-Development-Project-Personal-Portfolio-Website.jpg\" alt=\"Web Development Project Personal Portfolio Website \" width=\"714\" height=\"259\"><\/p>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">Sample video of the course<\/span><\/h3>\n<div style=\"width: 640px;\" class=\"wp-video\"><span class=\"mejs-offscreen\">Video Player<\/span><\/p>\n<div id=\"mep_0\" class=\"mejs-container mejs-container-keyboard-inactive wp-video-shortcode mejs-video\" tabindex=\"0\" role=\"application\" aria-label=\"Video Player\" style=\"width: 640px; height: 360px; min-width: 217px;\">\n<div class=\"mejs-inner\">\n<div class=\"mejs-mediaelement\"><mediaelementwrapper id=\"video-142676-1\"><video class=\"wp-video-shortcode\" id=\"video-142676-1_html5\" width=\"640\" height=\"360\" preload=\"metadata\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Web_Development_Project_Personal_Portfolio_Website_Downloadly.ir.mp4?_=1\" style=\"width: 640px; height: 360px;\"><source type=\"video\/mp4\" src=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Web_Development_Project_Personal_Portfolio_Website_Downloadly.ir.mp4?_=1\"><a href=\"https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Web_Development_Project_Personal_Portfolio_Website_Downloadly.ir.mp4?nocache=1786106766791\">https:\/\/dl.downloadly.ir\/Files\/Elearning\/Sample\/Web_Development_Project_Personal_Portfolio_Website_Downloadly.ir.mp4<\/a><\/video><\/mediaelementwrapper><\/div>\n<div class=\"mejs-layers\">\n<div class=\"mejs-poster mejs-layer\" style=\"display: none; width: 100%; height: 100%;\"><\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-loading\"><span class=\"mejs-overlay-loading-bg-img\"><\/span><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer\" style=\"display: none; width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-error\"><\/div>\n<\/div>\n<div class=\"mejs-overlay mejs-layer mejs-overlay-play\" style=\"width: 100%; height: 100%;\">\n<div class=\"mejs-overlay-button\" role=\"button\" tabindex=\"0\" aria-label=\"Play\" aria-pressed=\"false\"><\/div>\n<\/div>\n<\/div>\n<div class=\"mejs-controls\">\n<div class=\"mejs-button mejs-playpause-button mejs-play\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Play\" aria-label=\"Play\" tabindex=\"0\"><\/button><\/div>\n<div class=\"mejs-time mejs-currenttime-container\" role=\"timer\" aria-live=\"off\"><span class=\"mejs-currenttime\">00:00<\/span><\/div>\n<div class=\"mejs-time-rail\"><span class=\"mejs-time-total mejs-time-slider\" role=\"slider\" tabindex=\"0\" aria-label=\"Time Slider\" aria-valuemin=\"0\" aria-valuemax=\"0\" aria-valuenow=\"0\" aria-valuetext=\"00:00\"><span class=\"mejs-time-buffering\" style=\"display: none;\"><\/span><span class=\"mejs-time-loaded\"><\/span><span class=\"mejs-time-current\"><\/span><span class=\"mejs-time-hovered no-hover\"><\/span><span class=\"mejs-time-handle\"><span class=\"mejs-time-handle-content\"><\/span><\/span><span class=\"mejs-time-float\"><span class=\"mejs-time-float-current\">00:00<\/span><span class=\"mejs-time-float-corner\"><\/span><\/span><\/span><\/div>\n<div class=\"mejs-time mejs-duration-container\"><span class=\"mejs-duration\">00:00<\/span><\/div>\n<div class=\"mejs-button mejs-volume-button mejs-mute\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Mute\" aria-label=\"Mute\" tabindex=\"0\"><\/button><a href=\"javascript:void(0);\" class=\"mejs-volume-slider\" aria-label=\"Volume Slider\" aria-valuemin=\"0\" aria-valuemax=\"100\" role=\"slider\" aria-orientation=\"vertical\"><span class=\"mejs-offscreen\">Use Up\/Down Arrow keys to increase or decrease volume.<\/span><\/p>\n<div class=\"mejs-volume-total\">\n<div class=\"mejs-volume-current\" style=\"bottom: 0px; height: 100%;\"><\/div>\n<div class=\"mejs-volume-handle\" style=\"bottom: 100%; margin-bottom: -3px;\"><\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"mejs-button mejs-fullscreen-button\"><button type=\"button\" aria-controls=\"mep_0\" title=\"Fullscreen\" aria-label=\"Fullscreen\" tabindex=\"0\"><\/button><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"text-align: left\">\n<h3><span style=\"vertical-align: inherit\">Installation guide<\/span><\/h3>\n<p><span style=\"vertical-align: inherit\">After Extract, view with your favorite Player.<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Subtitle: English<\/span><\/p>\n<p><span style=\"vertical-align: inherit\">Quality: 2160p<\/span><\/p>\n<p>The new 2024\/9 version has added subtitles compared to the old one.<\/p>\n<\/div>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">download link<\/span><\/h3>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Frontend_Masters_Web_Development_Project_Personal_Portfolio_Website_2024-9_Downloadly.ir.part1.rar?nocache=1786106764\">Download Part 1 \u2013 1 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Frontend_Masters_Web_Development_Project_Personal_Portfolio_Website_2024-9_Downloadly.ir.part2.rar?nocache=1786106764\">Download Part 2 \u2013 1 GB<\/a><\/p>\n<p><a href=\"https:\/\/dl2.downloadly.ir\/Files\/Elearning\/Frontend_Masters_Web_Development_Project_Personal_Portfolio_Website_2024-9_Downloadly.ir.part3.rar?nocache=1786106764\">Download Part 3 \u2013 507 MB<\/a><\/p>\n<p style=\"text-align: left\"><span style=\"vertical-align: inherit\">File(s) password: www.downloadly.ir<\/span><\/p>\n<h3 style=\"text-align: left\"><span style=\"vertical-align: inherit\">File size<\/span><\/h3>\n<p style=\"text-align: left\"><span style=\"vertical-align: inherit\">2.5 GB<\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Description Web Development Project course: Personal Portfolio Website. In this hands-on course, solidify your knowledge of web development fundamentals by buil<\/p>\n","protected":false},"author":1,"template":"","dgi_category":[10458],"dgi_tag":[60183,60184,60185,60186,60187,33638],"class_list":["post-6304","digital_item","type-digital_item","status-publish","has-post-thumbnail","hentry","dgi_category-video-tutorials","dgi_tag-course-web-development-project-personal-portfolio-website","dgi_tag-download-course-web-development-project-personal-portfolio-website","dgi_tag-download-web-development-project-personal-portfolio-website","dgi_tag-free-download-web-development-project-personal-portfolio-website","dgi_tag-free-web-development-project-personal-portfolio-website","dgi_tag-jen-kramer"],"_links":{"self":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/6304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item"}],"about":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/types\/digital_item"}],"author":[{"embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/digital_item\/6304\/revisions"}],"wp:attachment":[{"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/media?parent=6304"}],"wp:term":[{"taxonomy":"dgi_category","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_category?post=6304"},{"taxonomy":"dgi_tag","embeddable":true,"href":"https:\/\/nokobox.com\/index.php\/wp-json\/wp\/v2\/dgi_tag?post=6304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}