SLDS Crash Course - Master Salesforce Lightning Design System With Live Project

In this crash course of SLDS, we have covered from scratch how to build an application with hands-on experience. From styling components, layout, alignments solutions to delivering the final output with best practices for using the SLDS Validator.

📣 Check out my other crash courses

🐶 LWC Crash Course:    • Lightning Web Component Crash Course ...  
🐼 Salesforce Integration Crash Course -    • Salesforce Integration Crash Course |...  
🐱 JavaScript Crash Course:    • Modern JS Crash Course | The Ultimate...  
🐹 CSS Filter Crash Course -    • CSS Filter Crash Course | Backdrop Fi...  


Timestamps:
00:00 Beginner's guide to CSS framework - SLDS
1:37 What is SLDS? Why should we use it?
4:34 Project Overview
5:13 SLDS Documentation (Salesforce Lightning Design System)
7:44 Different ways to setup SLDS
8:39 Setup SLDS with NPM
10:26 Setup Liver Server in VS Code
11:07 Link SLDS CSS file
12:57 SLDS Text Utilities (Make text large, small, heading, Change text colour)
15:28 Text Alignment in SLDS
15:59 Add Borders in SLDS
17:51 Margin utility in SLDS
19:00 Padding Utility in SLDS
20:22 SLDS Grid - 12 Grid layout system
21:51 SLDS Column - Columns within a grid
23:32 SLDS Wrap - Make SLDS Grid responsive
24:28 Manage SLDS column sizes
26:12 Make SLDS Columns responsive based on device size
29:13 SLDS Grid alignment
31:12 Vertical SLDS Grid
32:00 Place element in the absolute centre
33:35 Pre-built (Out of the box) SLDS Components
36:51 SLDS Container
38:04 Project
57:06 Behind the scenes

Check out the code: https://github.com/choudharymanish858...

SLDS Documentation: https://www.lightningdesignsystem.com/

Be a Salesforce Developer and get a high paying job - https://www.udemy.com/course/salesfor...

Skill up your career by learning the most demanding Salesforce skill (Lightning Web Component aka LWC) - https://www.udemy.com/course/lightnin...

Salesforce Development to Deployment - https://www.udemy.com/course/salesfor...


About me:

Manish is a highly experienced Software Developer who has worked in big tech companies like Google and Salesforce. Presently he is associated with Amazon as SDE 2.
He is on his journey to make everyone interview ready for the big 5 FAANG (Facebook, Amazon, Apple, Netflix, Google) companies. Check out his channel for comprehensive tutorials on various technologies and mock google/amazon interviews.


Follow SFDCFacts Academy:
Website: https://sfdcfacts.com
Facebook:   / sfdcfacts  
Instagram:   / sfdcfacts  
LinkedIn:   / sfdcfacts  


Connect with Manish:
  / manish-choudhary  
Twitter:   / sfdcfacts  

Become a patron and support my work here:   / sfdcfacts  

#slds #salesforcedesignsystem #cssframework #sldscrashcourse #topcssframesworks2021 #bestcssframework #salesforcecrashcourse