How To Use Sass for Beginners - Simple Travel Website with SASS CSS Superpowers (Source Code)
Hello Everyone. I am very happy that you are here. Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets. Sass-script is the scripting language itself. If you want to learn more you can check out my YouTube channel.
⌚⌚ timestamp 00:00 Introduction to SASS 01:41 Travel Website Overview 02:27 Two way to Convert SCSS to Css 03:53 Start Making Travel site 05:05 Using PowerShell to convert into css file 06:57 Using visual studio code extension to convert css file 08:08 Writing html code by using emmet 13:24 Add font awesome icon 13:53 Start writing sass code 16:09 Creating different sass file 17:12 Import another file in sass 18:14 making mixin or function 20:36 Setting variable and nesting property 23:35 making function for flex property 27:00 Using google fonts and and styling font 31:56 Styling the list 32:57 styling for landing and make container 37:38 Styling for essential knowledge section 40:00 Using inheritance in SASS 42:38 Styling spot section 43:41 set background for different spot 46:22 Using font awesome icon 48:46 finishing touch
playlist: https://www.youtube.com/watch?v=m5o5Xdxcbts&list=PLDbgPtNOy-yAaKcrlojz06JvAzBlujTE6
👩🏾💻👨🏾💻Get source code: https://theamazinglesson.blogspot.com/2020/06/sass-crush-course-create-travel-website.html 📺📽 Learn html and css : https://www.youtube.com/watch?v=m5o5Xdxcbts&list=PLDbgPtNOy-yAaKcrlojz06JvAzBlujTE6 ➡➡ Sass website: https://sass-lang.com/
#sass #css #pre-processor
⭕ Learn Fullstack development ⭕ ✔Front-end development Web ui ux design - https://www.youtube.com/watch?v=vA_Qpf4M0rY&list=PLDbgPtNOy-yBNEwvjMAYeU1aqFjrxUPmm Html css basic for beginner - https://www.youtube.com/watch?v=m5o5Xdxcbts&list=PLDbgPtNOy-yAaKcrlojz06JvAzBlujTE6 CSS Framework project - https://www.youtube.com/watch?v=MPN1IbGKHYI&list=PLDbgPtNOy-yCiZ3XOpXIgxaR4CPKQNbdn Sass for beginner - https://www.youtube.com/watch?v=k6zxrWD7-iE&list=PLDbgPtNOy-yDsPJhu1UrlxjjPzFkwojXL React.js beginner to pro - https://www.youtube.com/watch?v=YuBjOrxHcbo&list=PLDbgPtNOy-yCDw99-5JcyR00uykMpUuzQ ✔Back-end development Php crud operation - https://www.youtube.com/watch?v=RJC5JoiY9P8&list=PLDbgPtNOy-yAyOBky7o8teLBF8lbOff-Y PHP PDO - https://www.youtube.com/watch?v=Rqe9lD2qTMU&list=PLDbgPtNOy-yCfzARhO8c3iFFKA96Iq2O1 Node.js crud operation - https://www.youtube.com/watch?v=5DJ-bPpx0kU&list=PLDbgPtNOy-yDcJPbMZYm6mzWlbcEx12Qn Node.js authentication - https://www.youtube.com/watch?v=cQkDcoGGa9E&list=PLDbgPtNOy-yAW1Qyc9qxD1llyqU-DTIvo
⭕ Learn more ⭕ Linux for beginner 🏹 https://www.youtube.com/watch?v=bNCFOKBw7uI&list=PLDbgPtNOy-yDpwoY2JnRZRgKFQvPo4Ap9 Gimp Photoshop Photo Manipulation - https://www.youtube.com/watch?v=yjJqtrtoqks&list=PLDbgPt ... https://www.youtube.com/watch?v=K05o2IH7Sdw
161329722 Bytes