Responsive Portfolio Website [1] - Intro & Sass Workflow Setup - Best Webhosting

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Responsive Portfolio Website [1] - Intro & Sass Workflow Setup

Watch Web Development Traversy Media Video: Responsive Portfolio Website [1] - Intro & Sass Workflow Setup.
In this series we will build a fully responsive portfolio website using modern technologies such as...

HTML5
CSS3 - Transitions/Grid/Flex
Sass
NPM Package Manager
JavaScript
Git

Code For This Project:
https://github.com/bradtraversy/modern_portfolio

Deployed Project:
https://bradtraversy.github.io/modern_portfolio/

• Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Website & Udemy Courses
http://www.traversymedia.com

Follow Traversy Media:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia

Published:
Category: Web Development Traversy Media
85 Views

Related Videos

  • Responsive Portfolio Website [2] - Homepage & Main Sass

    Responsive Portfolio Website [2] - Homepage & Main Sass

    by Best Webhosting Added 73 Views / 0 Likes

    In this part we will create the homepage HTML markup as well as the core Sass/CSS for the project. You will learn about variables, nesting and more Code For This Project: https://github.com/bradtraversy/modern_portfolio • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia

  • Sass Workflow & Dev Server From Scratch Using Gulp

    Sass Workflow & Dev Server From Scratch Using Gulp

    by Best Webhosting Added 68 Views / 0 Likes

    In this video we are going to build the "Sass Starter Pack" which is a complete Sass workflow and dev server and environment using Gulp, the Gulp-Sass plugin and BrowserSync. Then well mess with it a little bit and create a simple little project. Feel free to use this starter pack in future Sass projects SASS STARTER PACK GITHUB: https://github.com/bradtraversy/sass_starter_pack CHECK OUT THE NEW DISCORD SERVER:https://discord.gg/PCb6PaM BECOME A PATR

  • How To Setup Elementor For A Faster WordPress Website Development Workflow

    How To Setup Elementor For A Faster WordPress Website Development Workflow

    by Best Webhosting Added 83 Views / 0 Likes

    How To Setup Elementor For A Faster WordPress Website Development Workflow Watch the entire playlist: https://www.wpcrafter.com/create-course-2017 Hosting: http://www.OrderNewHosting.com Elementor: https://www.wpcrafter.com/elementor-page-builder GeneratePress: https://www.wpcrafter.com/gp-addons LifterLMS: https://www.wpcrafter.com/lifter-lms In this video I show you how to properly setup and configure Elementor page builder for WordPress. You will n

  • Responsive Personal Portfolio Website using HTML CSS & JavaScript | Complete Website from Scratch

    Responsive Personal Portfolio Website using HTML CSS & JavaScript | Complete Website from Scratch

    by Best Webhosting Added 29 Views / 0 Likes

    Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve

  • How to make Website using Html & CSS | Responsive Personal Portfolio Website Design

    How to make Website using Html & CSS | Responsive Personal Portfolio Website Design

    by Best Webhosting Added 23 Views / 0 Likes

    Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve

  • Responsive Portfolio Website [5] - About Page With CSS Grid

    Responsive Portfolio Website [5] - About Page With CSS Grid

    by Best Webhosting Added 89 Views / 0 Likes

    In this video we will create our about page using CSS Grid with grid template areas to map out the layout. We will also add our Sass styling and make the page responsive Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/tr

  • Responsive Portfolio Website [3] - Rotating Menu Button

    Responsive Portfolio Website [3] - Rotating Menu Button

    by Best Webhosting Added 82 Views / 0 Likes

    In this part we will create the pure CSS menu button and add the JavaScript and CSS transitions to rotate the button into an X Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia

  • Responsive Portfolio Website [6] - Work & Contact Pages

    Responsive Portfolio Website [6] - Work & Contact Pages

    by Best Webhosting Added 78 Views / 0 Likes

    In this video we will create the work and contact pages. We will use CSS Grid for the work and Flexbox for the contact Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia

  • Responsive Portfolio Website [4] - Menu Overlay & Responsiveness

    Responsive Portfolio Website [4] - Menu Overlay & Responsiveness

    by Best Webhosting Added 81 Views / 0 Likes

    In this video we will create the menu overlay with the branding and navigation. We will also add our media query Sass mixins to make the site responsive. Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http

  • Responsive Portfolio Website [7] - Website Deployment

    Responsive Portfolio Website [7] - Website Deployment

    by Best Webhosting Added 64 Views / 0 Likes

    In this video we will deploy to Github Pages using the gh-pages package. I will also upload to my shared hosting account with InMotion hosting. If you would like to try InMotion, please use my affiliate link below... INMOTION HOSTING AFFILIATE LINK: http://inmotion-hosting.evyy.net/c/396530/260033/4222 Code For This Project: https://github.com/bradtraversy/moder... • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Websi

  • Complete Responsive Personal Portfolio Website using HTML CSS & JavaScript | Out Soon

    Complete Responsive Personal Portfolio Website using HTML CSS & JavaScript | Out Soon

    by Best Webhosting Added 29 Views / 0 Likes

    Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve

  • Build a Complete Responsive Personal Portfolio Website using Html CSS & Javascript from Scratch

    Build a Complete Responsive Personal Portfolio Website using Html CSS & Javascript from Scratch

    by Best Webhosting Added 35 Views / 0 Likes

    Build a Complete Responsive Personal Portfolio Website using Html CSS & Javascript from Scratch Tutorial Link : https://youtu.be/UnlXPMKB-wE ------------------ Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-re

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS