2022 Web Development Bootcamp

Section 15: Third-Party Packages: Don't Do All The Work On Your Own

olivia_yj 2022. 8. 30. 21:14

The goals

💪🏻What & Why?

✌🏻CSS Third Party Package Example(s)

👍🏻JavaScript Third Party Package Example(s)

 

What are "Third-Party Packages"?

We can write all the CSS / JS code on our own!

But often, we have certain features, styles or tasks that are very common to a lot of projects

  • Default Styling
  • Image Carousel
  • Parallax Effect

"Third-Party Packages" provide "ready to use" code which you can add into your projects and sites

 

Popular JavaScript Packages & Use-Cases

Unlike with CSS Packages, it's less about choosing "one package for everything"

 

Third-Party vs Custom Code

Third Party

  • Less code to write, see results quickly
  • But: Less control, more "default behavior"

Custom Code

  • More code to write, more work to do, possibly more error-prone
  • But: Full control over the result

There is no single right or wrong way!

Typically, in bigger projects, we will use some third-party code for some parts of our project and custom code for some other parts

 

 

Let's try!

resouces

https://getbootstrap.com/

 

Bootstrap

The most popular HTML, CSS, and JS library in the world.

getbootstrap.com

https://tailwindcss.com/

 

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

Documentation for the Tailwind CSS framework.

tailwindcss.com