Learn Sass In 20 Minutes | Sass Crash Course | sass

by Siriporn Anong
0 comment

Learn Sass In 20 Minutes | Sass Crash Course


นอกจากการดูบทความนี้แล้ว คุณยังสามารถดูข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมายที่เราให้ไว้ที่นี่: ดูเพิ่มเติม

Check out my courses here!
https://developedbyed.com
In this mini crash course we are going to learn everything about Sass.
What Sass allows us to do is write alot of cool things that we would normally wouldn’t be able to do in normal CSS.
With Sass we can create variables, use imports and partials to separate our css code into smaller chunks, we can use mixins to create small functions that allow us to reuse css code, nesting allows us to write children elements directly inside the parent element and much more!
We will also look at a tool called Live Sass Compiler which is going to take our scss code and convert it to regular css with autoprefixer.
If you are interested in learning more about css and sass then take the time to watch this sass crash course covered in 20 minutes!
❤Become a patreon for exclusive videos and more!
https://www.patreon.com/dev_ed
Microphones I Use
AudioTechnica AT2020 https://geni.us/Re78 (Amazon)
Deity VMic D3 Pro https://geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface https://geni.us/AcbCpd9 (Amazon)
Camera Gear
Fujifilm XT3 https://geni.us/7IM1 (Amazon)
Fujinon XF1855mmF2.84 https://geni.us/sztaN (Amazon)
PC Specs
Kingston SQ500S37/480G 480GB https://geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 https://geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X https://geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB https://geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 https://geni.us/YAtI (Amazon)
DeepCool ATX Mid Tower https://geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27Inch 4K https://geni.us/kXHE (Amazon)
Dell Ultra Sharp LEDLit Monitor 25 2k https://geni.us/bilekX (Amazon)
Logitech G305 https://geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced https://geni.us/YBsCVX0 (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.

READ  สอนทำฟอนต์กับอิโมจิไอโฟนแบบพร้อมกัน ง่ายมาก!!! | ดาวน์โหลด อิ โม จิ

📕 Things covered in this video:

How to add sass compiler to our project
How to link our sass to html
Sass variables
Mixins
Nesting
Extending
Operators
Partials and Imports
📔 Materials used in this video:
VSCode
🛴 Follow me on:
Twitter: https://twitter.com/deved94
Github: https://github.com/DevEdwin
🎵 Music:
Outro:
LAKEY INSPIRED Me 2 (Feat. Julian Avila)
Music By: https://soundcloud.com/lakeyinspired
Intro:
Dj Quads
Track Name: \”Every Morning\”
Music By: Dj Quads @ https://soundcloud.com/akadjquads
Creative Commons — AttributionShareAlike 3.0 Unported— CC BYSA 3.0
http://creativecommons.org/licenses/b…

Learn Sass In 20 Minutes | Sass Crash Course

SASS Tutorial #1 – What is SASS?


Yo gang, in this first SASS tutorial, I’ll just briefly introduce you to what SASS is, and what you’ll ideally need to know before starting this playlist.
COURSE LINKS:
+ Repo https://github.com/iamshaunjp/sassplaylist
+ Atom editor https://atom.io/

You can find more frontend development tutorials on CSS, HTML, JavaScript, jQuery, WordPress \u0026 more on the channel homepage…
SUBSCRIBE TO CHANNEL https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1
========== JavaScript for Beginners Playlist ==========
https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET
============ CSS for Beginners Playlist =============
https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmOdb2mhoTSrT
============== The Net Ninja =====================
For more frontend development tutorials \u0026 to blackbelt your coding skills, head over to https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk
================== Social Links ==================
Twitter @TheNetNinja https://twitter.com/thenetninjauk

SASS Tutorial #1 - What is SASS?

Java Full Course ☕ (𝙁𝙧𝙚𝙚)


Java tutorial for beginners full course
Java tutorial beginners
⭐️Time Stamps⭐️
1 (00:00:00) Java tutorial for beginners ☕
2 (00:20:26) variables ❌
3 (00:32:58) swap two variables 💱
4 (00:36:42) user input ⌨️
5 (00:44:40) expressions 🧮
6 (00:49:13) GUI intro 🚩
7 (00:55:01) Math class 📐
8 (01:01:08) random numbers 🎲
9 (01:05:39) if statements 🚧
10 (01:11:51) switches ⬇
11 (01:16:36) logical operators ❗
12 (01:24:33) while loop 🔄
13 (01:28:13) for loop ➰
14 (01:32:23) nested loops ➿
15 (01:38:28) arrays 🚗
16 (01:44:54) 2D arrays 🚚
17 (01:52:59) String methods 💬
18 (01:59:18) wrapper classes 🎁
19 (02:06:30) ArrayList 🧾
20 (02:11:02) 2D ArrayList 📜
21 (02:17:35) foreach loop 🔃
22 (02:21:20) methods 📞
23 (02:32:24) overloaded methods ☎️
24 (02:38:03) printf 🖨️
25 (02:49:25) final keyword ⛔
26 (02:51:24) objects (OOP) ☕
27 (03:01:36) constructors 👷
28 (03:11:36) variable scope 🌍
29 (03:16:39) overloaded constructors 🍕
30 (03:24:04) toString method 🎉
31 (03:30:08) array of objects 🍱
32 (03:35:48) object passing 🏬
33 (03:40:27) static keyword ⚡
34 (03:48:10) inheritance 👪
35 (03:53:45) method overriding 🙅‍♂️
36 (03:57:33) super keyword 🦸‍♂️
37 (04:05:06) abstraction 👻
38 (04:10:01) access modifiers 🔒
39 (04:19:39) encapsulation 💊
40 (04:27:30) copy objects 🖨️
41 (04:34:03) interface 🦅
42 (04:41:19) polymorphism 🏁
43 (04:46:55) dynamic polymorphism ✨
44 (04:55:13) exception handling ⚠️
45 (05:02:31) File class 📁
46 (05:09:15) FileWriter (write to a file) 📝
47 (05:12:30) FileReader (read a file) 📖
48 (05:17:04) audio 🔊
49 (05:27:34) GUI 🖼️
50 (05:39:41) labels 👨‍💻
51 (05:57:01) panels 🟥
52 (06:09:57) buttons 🛎️
53 (06:23:50) BorderLayout 🧭
54 (06:34:53) FlowLayout 🌊
55 (06:42:21) GridLayout 🔳
56 (06:47:12) LayeredPane 📚
57 (06:55:20) open a new GUI window 🗔
58 (07:05:39) JOptionPane 🛑
59 (07:17:30) textfield 📛
60 (07:27:01) checkbox ✔️
61 (07:35:23) radio buttons 🔘
62 (07:45:42) combobox 📑
63 (07:55:37) slider 🌡️
64 (08:08:08) progress bar 📊
65 (08:18:46) menubar 🗄️
66 (08:33:27) select a file 🔎
67 (08:42:25) color chooser 🎨
68 (08:48:45) KeyListener 🚀
69 (09:01:21) MouseListener 🖱️
70 (09:12:32) drag and drop 👈
71 (09:26:48) key bindings ⌨️
72 (09:38:57) 2D graphics 🖍️
73 (09:58:33) 2D animation 👾
74 (10:15:14) generics ❓
75 (10:36:43) serialization 🥣
76 (10:57:21) TimerTask ⌚
77 (11:08:36) threads 🧵
78 (11:24:01) multithreading 🧶
79 (11:38:44) packages 📦
80 (11:42:49) compile/run command prompt 💽
81 (11:50:51) executable (.jar) ☕
Here’s the link to the full 100 video playlist:
https://www.youtube.com/watch?v=NBIUbTddde4\u0026list=PLZPZq0r_RZOMhCAyywfnYLlrjiVOkdAI1
Code for each topic can be found pinned in each video’s comments section

READ  คำถามภาษาอังกฤษคิดว่าง่ายแต่มักใช้ ”ผิด” [ Kable English ] | สอง ทุ่ม ภาษา อังกฤษ

Java Full Course ☕ (𝙁𝙧𝙚𝙚)

Live Coding: Cắt giao diện PSD to HTML CSS với Sass


🔥 Source code tại đây: https://github.com/evondev/octavian2
🔥 Tham khảo khoá học HTML CSS cơ bản của mình: https://evondev.com/khoahochtmlcss
🔥 Tham khảo khoá học HTML CSS nâng cao của mình: https://evondev.com/khoahochuongdancatpsd
🔥 Tham khảo khoá học Javscript cơ bản của mình: https://evondev.com/khoahocjavascriptcoban
👉 Kết nối với mình
🚀Fanpage: https://www.facebook.com/evondevblog/
🚀Facebook: https://www.facebook.com/tuan.trananh.0509
🚀Blog: https://evondev.com
🚀Nhóm của mình: https://www.facebook.com/groups/2565163230401512
🚀Học online với mình: https://www.facebook.com/messages/t/tuan.trananh.0509
👉 Theme: Evondev Dracula
👉 Font chữ: SF Mono, 14px
👉 Extension VSCode: Evondev Dracula, Evondev Snippets, Prettier, Material Icon, Highlight Matching Tag, Bracket Pair Colorizer, HTML Snippets, Live Server, Live Server Preview
👉 Extension Chrome: Eye Dropper color picker Chrome Extension, color slurp MacOS, visBug Chrome Extension
👉Source code tại đây: https://github.com/evondev/youtube
👉Extension gõ pháo hoa: Powermode

Live Coding: Cắt giao diện PSD to HTML CSS với Sass

Tutorial SASS | 1. APA ITU SASS?


🔥🔥🔥 Diskon Up To 91% minimal berlangganan 1 tahun 🔥🔥🔥
👉👉👉 https://www.hostinger.com/webunpas (gunakan kode: WEBUNPAS) 👈👈👈

Kita akan memulai seri baru mengenai SASS, dan di video pertama ini kita akan bahas dulu mengenai konsep, definisi dan kenapa kita butuh SASS

🔥 SUPPORT CHANNEL WEBPROGRAMMINGUNPAS 🔥
🎓 Ikuti KELAS ONLINE \”Full Stack Web Designer\” 🎓
https://buildwithangga.com/kelas/fullstackwebdesigner
Beli Hoodie TitikKoma
http://bit.ly/hoodiewputitikkoma
Beli TShirt TitikKoma
http://bit.ly/kaoswputitikkoma
Donasi Channel WPU (OVO / GoPay / Dana / LinkAja)
https://saweria.co/sandhikagalih

📢 FOLLOW SOCIAL MEDIA 📢
http://instagram.com/sandhikagalih
http://twitter.com/sandhikagalih
https://github.com/sandhikagalih

UNIVERSITAS PASUNDAN BANDUNG
http://www.unpas.ac.id/
http://www.if.unpas.ac.id/
terimakasih dan janganlupatitikkoma!
@sandhikagalih

Tutorial SASS | 1. APA ITU SASS?

นอกจากการดูหัวข้อนี้แล้ว คุณยังสามารถเข้าถึงบทวิจารณ์ดีๆ อื่นๆ อีกมากมายได้ที่นี่: ดูวิธีอื่นๆWiki

You may also like

Leave a Comment