CSS and JavaScript Library Integration

CSS and JavaScript Library Integration

1h 59mIntermediate2023-10-18

Authors

Ayodele Aransiola

Ayodele Aransiola

Technical Support Specialist and Software Engineer

Course details

CSS frameworks and JavaScript libraries can both improve the quality of your web applications, but when you integrate them, you unlock even more potential! In this course, software engineer and a technical support specialist Ayodele Leom guides you through topics including selecting the different CSS frameworks and JavaScript libraries, integrating the CSS framework with the JavaScript library, utilizing the CSS framework component with the selected JavaScript library, creating custom styles and functionality with CSS and JavaScript. Plus, he includes several examples of real-world projects. As you build up the skills in this course, you can remain competitive in a rapidly evolving industry, improve the quality of the web applications you create, and increase your marketability to potential employers.

Skills covered

Ecma InternationalWeb StandardsJavaScriptWeb DesignFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off

Concepts

Introduction

  • Why use CSS Frameworks
  • What you should know

Tailwind CSS with Frontend Frameworks

  • Tailwind CSS overview
  • Integrating Tailwind with React.js
  • Implementing a basic UI with Tailwind and React
  • Integrating Tailwind with Vue.js
  • Implementing a basic UI with Tailwind and Vue.js
  • Integrating Tailwind with AngularJS
  • Implementing a basic UI with Tailwind and AngularJS

Prime CSS Framework

  • Overview of PrimeNG, PrimeReact, and PrimeVue CSS framework
  • Integrating PrimeNG with AngularJS
  • Implementing a basic UI with PrimeNG and Angular
  • Integrating PrimeReact with React.js
  • Implementing a basic UI with PrimeReact and React.js
  • Integrating PrimeVue with Vue.js
  • Implementing a basic UI with PrimeVue and Vue.js

Bulma CSS Library

  • Overview of Bulma CSS library
  • Integrating Bulma CSS with React.js
  • Implementing a basic UI with Bulma and React.js
  • Integrating Bulma CSS with AngularJS
  • Implementing a basic UI with Bulma and AngularJS
  • Integrating Bulma CSS with Vue.js
  • Implementing a basic UI with Bulma and Vue.js

Extra Video

  • Extra video - A brief explanation of SASS and LESS

Conclusion

  • Continue learning
40,000 Toman