Udemy - Build a Design System from scratch

  • CategoryOther
  • TypeTutorials
  • LanguageEnglish
  • Total size831.2 MB
  • Uploaded Byfreecoursewb
  • Downloads41
  • Last checkedOct. 20th '21
  • Date uploadedOct. 17th '21
  • Seeders 5
  • Leechers6

Infohash : 5B6F210E4FB66A0B506729DA44AB45DD999D5E39

Build a Design System from scratch



MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English + srt | Duration: 21 lectures (1h 21m) | Size: 792 MB
Learn the advance technique to setup a design system and implement the same
What you'll learn:
Define the essentials of design system as per your need
Learn to setup a Design System in Figma
Implement a Design System driven application from scratch
Enable dark mode for your application

Requirements
Basic skills to use Figma and React JS

Description
Who is this course meant for?

This course is meant for Senior Designers or Developers who are starting to build a Design System (DS) for their existing product. You are required to have a basic understanding of Figma and React JS.

https://CourseBoat.com

Files:

[ CourseBoat.com ] Udemy - Build a Design System from scratch
  • Get Bonus Downloads Here.url (0.2 KB)
    • ~Get Your Files Here ! 1. Introduction
    • 1. Introduction.mp4 (38.0 MB)
    • 1. Introduction.srt (2.6 KB)
    • 2. Learn the fundamentals of Design System.mp4 (39.1 MB)
    • 2. Learn the fundamentals of Design System.srt (5.0 KB)
    • 3. Setting up Design System in Figma.mp4 (10.9 MB)
    • 3. Setting up Design System in Figma.srt (2.6 KB)
    • 3.1 Figma File.html (0.1 KB)
    • 4. Setting up the development environment.mp4 (12.1 MB)
    • 4. Setting up the development environment.srt (1.7 KB)
    2. Design
    • 1. Designing the body of Calendar Popup.mp4 (35.2 MB)
    • 1. Designing the body of Calendar Popup.srt (5.7 KB)
    • 2. Designing the header & footer section.mp4 (40.3 MB)
    • 2. Designing the header & footer section.srt (4.3 KB)
    • 3. Designing the input component.mp4 (19.9 MB)
    • 3. Designing the input component.srt (2.1 KB)
    • 3.1 Figma file.html (0.1 KB)
    3. Implementation
    • 1. Setting up folder & file structure.mp4 (89.5 MB)
    • 1. Setting up folder & file structure.srt (6.7 KB)
    • 10. Rendering dates dynamically.mp4 (47.8 MB)
    • 10. Rendering dates dynamically.srt (3.4 KB)
    • 11. Highlighting selected date.mp4 (44.4 MB)
    • 11. Highlighting selected date.srt (3.3 KB)
    • 12. Selecting today's date.mp4 (18.8 MB)
    • 12. Selecting today's date.srt (1.9 KB)
    • 12.1 CodeSandBox.html (0.1 KB)
    • 12.2 Figma File.html (0.1 KB)
    • 2. Importing assets from design.mp4 (29.0 MB)
    • 2. Importing assets from design.srt (2.7 KB)
    • 3. Setting up a centralised theme.mp4 (39.2 MB)
    • 3. Setting up a centralised theme.srt (3.2 KB)
    • 4. Importing fonts.mp4 (24.1 MB)
    • 4. Importing fonts.srt (2.2 KB)
    • 5. Writing a pixel perfect CSS style.mp4 (41.2 MB)
    • 5. Writing a pixel perfect CSS style.srt (3.1 KB)
    • 6. Adding the calendar input component.mp4 (60.2 MB)
    • 6. Adding the calendar input component.srt (5.2 KB)
    • 7. Making calendar popup respond to the user events.mp4 (63.7 MB)
    • 7. Making calendar popup respond to the user events.srt (4.2 KB)
    • 8. Adding hooks.mp4 (49.5 MB)
    • 8. Adding hooks.srt (4.3 KB)
    • 9. Adding functionality to change month and year.mp4 (34.8 MB)
    • 9. Adding functionality to change month and year.srt (3.3 KB)
    4. Extras Add dark mode
    • 1. Setting up theme for dark mode.mp4 (66.2 MB)
    • 1. Setting up theme for dark mode.srt (4.9 KB)
    • 2. Implementing dark mode & Summary.mp4 (27.1 MB)
    • 2. Implementing dark mode & Summary.srt (2.5 KB)
    • 2.1 CodeSandBox.html (0.1 KB)
    • 2.2 Figma File.html (0.1 KB)
    • Bonus Resources.txt (0.3 KB)

Code:

  • udp://tracker.torrent.eu.org:451/announce
  • udp://tracker.tiny-vps.com:6969/announce
  • http://tracker.foreverpirates.co:80/announce
  • udp://tracker.cyberia.is:6969/announce
  • udp://exodus.desync.com:6969/announce
  • udp://explodie.org:6969/announce
  • udp://tracker.opentrackr.org:1337/announce
  • udp://9.rarbg.to:2780/announce
  • udp://tracker.internetwarriors.net:1337/announce
  • udp://ipv4.tracker.harry.lu:80/announce
  • udp://open.stealth.si:80/announce
  • udp://9.rarbg.to:2900/announce
  • udp://9.rarbg.me:2720/announce
  • udp://opentor.org:2710/announce