DEV Community: Dusan

Intermediate JavaScript Practice Course - Codecademy PRO version

Dusan — Sun, 07 Mar 2021 16:56:03 +0000

TL;DR: I completed the Intermediate JavaScript Practice course in JavaScript: Arrays, Loops, and Objects module on Codecademy. This is a part of the 🔗 Codecademy Web Development Career Path series.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

⏱️ Chapters:
🔗 0:00 Intro
🔗 0:37 Introduction
🔗 1:11 reverseArray()
🔗 4:18 greetAliens()
🔗 7:12 convertToBaby()
🔗 10:03 Fix The Broken Code!
🔗 15:53 declineEverything() and acceptEverything()
🔗 20:22 squareNums()
🔗 21:44 shoutGreetings()
🔗 24:20 sortYears()
🔗 26:32 justCoolStuff()
🔗 28:44 isTheDinnerVegan()
🔗 32:14 sortSpeciesByTeeth()
🔗 34:47 findMyKeys()
🔗 37:14 dogFactory()

📚 Materials/References:
🔗 MDNs JavaScript reference page

Thanks for reading! I hope you find it useful.

JavaScript Objects Crash Course - Codecademy PRO version

Dusan — Sat, 20 Feb 2021 15:28:04 +0000

TL;DR: I completed the Objects course in JavaScript: Arrays, Loops, and Objects module on Codecademy. This is a part of the 🔗 Codecademy Web Development Career Path series.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

⏱️ Chapters:
🔗 0:00 Intro
🔗 0:38 Introduction to Objects
🔗 2:44 Creating Object Literals
🔗 5:50 Accessing Properties
🔗 8:55 Bracket Notation
🔗 13:12 Property Assignment
🔗 17:41 Methods
🔗 22:08 Nested Objects
🔗 31:05 Pass By Reference
🔗 38:27 Looping Through Objects
🔗 43:11 Review (Objects)
🔗 44:56 Advanced Objects Introduction
🔗 46:26 The this Keyword
🔗 51:15 Arrow Functions and this
🔗 53:57 Privacy
🔗 57:30 Getters
🔗 1:03:47 Setters
🔗 1:10:24 Factory Functions
🔗 1:17:17 Property Value Shorthand
🔗 1:18:58 Destructured Assignment
🔗 1:22:50 Built-in Object Methods
🔗 1:28:21 Review (Advanced Objects)
🔗 1:31:20 Meal Maker (Project)
🔗 1:49:50 Team Stats (Project)
🔗 2:02:50 Objects (Quiz)

📚 Materials/References:
🔗 JavaScript Objects cheatsheet

🔗 MDNs Object page
🔗 MDNs Global object page
🔗 MDNs for...in page
🔗 MDNs Arrow function expressions page

Thanks for reading! I hope you find it useful.

JavaScript Iterators (array methods) - Codecademy PRO version

Dusan — Thu, 11 Feb 2021 19:13:39 +0000

TL;DR: I completed the Iterators course in JavaScript: Arrays, Loops, and Objects module on Codecademy. This is a part of the 🔗 Codecademy Web Development Career Path series.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

⏱️ Chapters:
🔗 0:00 Intro
🔗 0:43 Introduction
🔗 3:25 Functions as Data
🔗 8:28 Functions as Parameters
🔗 15:02 Review
🔗 16:22 Introduction to Iterators
🔗 20:12 The .forEach() Method
🔗 24:02 The .map() Method
🔗 29:04 The .filter() Method
🔗 35:13 The .findIndex() Method
🔗 40:42 The .reduce() Method
🔗 50:18 Iterator Documentation
🔗 59:30 Choose the Right Iterator
🔗 1:04:03 Review (ITERATORS)
🔗 1:11:22 Mini Linter (PROJECT)
🔗 1:29:14 Iterators Quiz

📚 Materials/References:
🔗 JavaScript Iterators (array methods) cheatsheet

🔗 MDNs Array iterator methods page

Thanks for reading! I hope you find it useful.

JavaScript Loops - Codecademy PRO version

Dusan — Thu, 04 Feb 2021 20:55:17 +0000

TL;DR: I completed the Loops course in JavaScript: Arrays, Loops, and Objects module on Codecademy. This is a part of the 🔗 Codecademy Web Development Career Path series.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

⏱️ Chapters:
🔗 0:00 Intro
🔗 0:34 Loops
🔗 2:08 Repeating Tasks Manually
🔗 4:38 The For Loop
🔗 9:02 Looping in Reverse
🔗 10:22 Looping through Arrays
🔗 14:02 Nested Loops
🔗 20:05 The While Loop
🔗 24:50 Do...While Statements
🔗 28:42 The break Keyword
🔗 33:34 Review Loops
🔗 34:35 Whale Talk
🔗 46:50 Loops Quiz

📚 Materials/References:
🔗 Javascript Loops cheatsheet

Thanks for reading! I hope you find it useful.

JavaScript Arrays - Codecademy PRO version

Dusan — Tue, 02 Feb 2021 21:27:47 +0000

TL;DR: I completed the Arrays course in JavaScript: Arrays, Loops, and Objects module on Codecademy. This is a part of the 🔗 Codecademy Web Development Career Path series.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

⏱️ Chapters:
🔗 0:00 Intro
🔗 0:30 Arrays
🔗 2:28 Create an Array
🔗 5:33 Accessing Elements
🔗 9:50 Update Elements
🔗 11:38 Arrays with let and const
🔗 15:02 The .length property
🔗 16:42 The .push() Method
🔗 19:02 The .pop() Method
🔗 20:40 More Array Methods
🔗 27:10 Arrays and Functions
🔗 31:38 Nested Arrays
🔗 35:11 Review Arrays
🔗 37:58 Secret Message
🔗 45:55 Arrays Quiz

📚 Materials/References:
🔗 Javascript Arrays cheatsheet
🔗 MDNs Array page

Thanks for reading! I hope you find it useful.

JavaScript Scope - Codecademy PRO version

Dusan — Wed, 27 Jan 2021 00:46:54 +0000

TL;DR: I completed a Scope course in JavaScript: Arrays, Loops, and Objects module on Codecademy. This is a part of the 🔗 Codecademy Web Development Career Path series.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

⏱️ Chapters:
🔗 0:00 Intro
🔗 0:35 Scope
🔗 1:40 Blocks and Scope
🔗 5:25 Global Scope
🔗 9:00 Block Scope
🔗 12:38 Scope Pollution
🔗 16:42 Practice Good Scoping
🔗 21:20 Review: Scope
🔗 23:14 Training Days
🔗 32:02 Scope Quiz

📚 Materials/References:
🔗 Scope cheatsheet

Thanks for reading! I hope you find it useful.

Layout with Flexbox - Codecademy PRO version

Dusan — Tue, 19 Jan 2021 22:22:39 +0000

TL;DR: I completed a Layout with Flexbox course in Getting More Advanced with Design module on Codecademy. This is a part of the 🔗 Codecademy Web Development Career Path series.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

⏱️ Chapters:
🔗 0:00 Intro
🔗 0:30 What is Flexbox?
🔗 3:50 display: flex
🔗 6:12 inline-flex
🔗 9:42 justify-content
🔗 15:50 align-items
🔗 22:27 flex-grow
🔗 28:16 flex-shrink
🔗 33:36 flex-basis
🔗 39:20 flex
🔗 47:17 flex-wrap
🔗 52:25 Align-content
🔗 59:05 flex-direction
🔗 1:05:28 flex-flow
🔗 1:07:31 Nested Flexboxes
🔗 1:11:51 Review: Flexbox
🔗 1:17:04 Flexbox: To-Do App
🔗 1:23:10 Tea Cozy
🔗 1:25:20 Flexbox Quiz

📚 Materials/References:
🔗 Layout with Flexbox cheatsheet

Thanks for reading! I hope you find it useful.

Learn Responsive Design - Codecademy PRO version

Dusan — Fri, 15 Jan 2021 21:48:01 +0000

TL;DR: I completed a Learn Responsive Design course in Getting More Advanced with Design module on Codecademy. This is a part of the 🔗 Codecademy Web Development Career Path series.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

⏱️ Chapters:
🔗 0:00 Intro
🔗 0:36 Relative Measurements
🔗 3:11 Em
🔗 8:28 Rem
🔗 12:15 Percentages: Height & Width
🔗 17:53 Percentages: Padding & Margin
🔗 23:18 Width: Minimum & Maximum
🔗 26:25 Height: Minimum & Maximum
🔗 28:38 Scaling Images and Videos
🔗 34:25 Scaling Background Images
🔗 36:11 Review: Relative Measurements
🔗 38:42 Responsive Web Design
🔗 42:23 Media Queries
🔗 47:33 Range
🔗 51:08 Dots Per Inch (DPI)
🔗 54:53 And Operator
🔗 58:23 Comma Separated List
🔗 1:01:06 Breakpoints
🔗 1:05:43 Review: Media Queries
🔗 1:07:45 Tsunami Coffee Project
🔗 1:21:49 Quiz Sizing Elements
🔗 1:28:36 Quiz Media Queries

📚 Materials/References:
🔗 Learn Responsive Design cheatsheet

Thanks for reading! I hope you find it useful.

Building Apple-style Navigation Bar W/ Search using HTML, CSS (Sass) and Javascript (jQuery)

Dusan — Mon, 04 Jan 2021 22:06:00 +0000

TL;DR: I built Apple-style Navigation Bar W/ Search using HTML, CSS (Sass) and Javascript (jQuery) which you can use for your own projects. Tutorial video and source code available.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

Source code can be found on 🔗 GitHub.

Follow me on:
👉 Twitter

Thanks for reading! I hope you find it useful.

Cheers! 🍺🍺🍺

Typography for Developers - Codecademy PRO version

Dusan — Sun, 27 Dec 2020 18:38:33 +0000

TL;DR: I completed a CSS Typography course in Getting More Advanced with Design module on Codecademy. This is a part of the 🔗 Codecademy Web Development Career Path series.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

Chapters:
🔗 0:00 Intro
🔗 0:32 Typography
🔗 2:15 Font Family
🔗 6:32 Font Weight
🔗 8:32 Font Weight II
🔗 10:44 Font Style
🔗 12:09 Word Spacing
🔗 14:21 Letter Spacing
🔗 15:55 Text Transformation
🔗 18:22 Text Alignment
🔗 20:22 Line Height Anatomy
🔗 21:26 Line Height
🔗 24:00 Serif and Sans Serif
🔗 25:14 Fallback Fonts
🔗 29:32 Linking Fonts I
🔗 33:08 Linking Fonts II
🔗 36:18 Font-Face I
🔗 39:07 Font-Face II
🔗 41:13 Font-Face III
🔗 46:55 Review
🔗 48:37 Typography Project
🔗 1:03:45 Quiz

🔗 Ems values
🔗 Google Fonts
🔗 Font Squirrel
🔗 @font-face CSS

🔗 Codecademy CSS Typography cheatsheet

Thanks for reading! I hope you find it useful.

Happy Holidays! 🎄🎅✨🎁❄️

The Ultimate CSS Colors Tutorial - Codecademy PRO version

Dusan — Thu, 24 Dec 2020 12:48:22 +0000

TL;DR: I completed a CSS Colors course in Getting More Advanced with Design module on Codecademy. This is a part of the Web Development Career Path.

You can find the video on YouTube below ⬇️

If you like the video, don't forget to smash that like icon 👍 and subscribe ❤️. It will help a lot! Thanks! 🙏

Chapters:
🔗 0:00 Intro
🔗 0:30 Introduction to Color
🔗 2:25 Foreground vs Background
🔗 5:15 Hexadecimal
🔗 11:45 RGB Colors
🔗 13:47 Hex and RGB
🔗 17:05 Hue, Saturation, and Lightness
🔗 21:12 Opacity and Alpha
🔗 25:18 Color Review
🔗 28:16 Paint Store Project
🔗 41:29 Quiz

🔗 CSS colors on MDN

🔗 Codecademy CSS Colors cheatsheet

This is the follow-up video from the 🔗 Codecademy Web Development Career Path series challenge.

Thanks for reading! I hope you find it useful.

Happy Holidays! 🎄🎅✨🎁❄️