CSS and JavaScript Library Integration
1h 59mIntermediate2023-10-18
Authors
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
0. Introduction
- 01 - Why use CSS Frameworks
- 02 - What you should know
1. Tailwind CSS with Frontend Frameworks
- 03 - Tailwind CSS overview
- 04 - Integrating Tailwind with React.js
- 05 - Implementing a basic UI with Tailwind and React
- 06 - Integrating Tailwind with Vue.js
- 07 - Implementing a basic UI with Tailwind and Vue.js
- 08 - Integrating Tailwind with AngularJS
- 09 - Implementing a basic UI with Tailwind and AngularJS
2. Prime CSS Framework
- 10 - Overview of PrimeNG, PrimeReact, and PrimeVue CSS framework
- 11 - Integrating PrimeNG with AngularJS
- 12 - Implementing a basic UI with PrimeNG and Angular
- 13 - Integrating PrimeReact with React.js
- 14 - Implementing a basic UI with PrimeReact and React.js
- 15 - Integrating PrimeVue with Vue.js
- 16 - Implementing a basic UI with PrimeVue and Vue.js
3. Bulma CSS Library
- 17 - Overview of Bulma CSS library
- 18 - Integrating Bulma CSS with React.js
- 19 - Implementing a basic UI with Bulma and React.js
- 20 - Integrating Bulma CSS with AngularJS
- 21 - Implementing a basic UI with Bulma and AngularJS
- 22 - Integrating Bulma CSS with Vue.js
- 23 - Implementing a basic UI with Bulma and Vue.js
4. Extra Video
- 24 - Extra video - A brief explanation of SASS and LESS
Conclusion
- 25 - Continue learning
Related courses
- jQuery for Web Designers
- Creating a Responsive Web Experience
- Learning Data Visualization with D3.js
- jQuery Essential Training (2016)
- D3.js Essential Training for Data Scientists
- Learning JavaScript Animations with GreenSock
- Building Native Mobile Apps with NativeScript and Angular 2
- CSS: Advanced Typographic Techniques
Related learn paths
- Become a Full-Stack Web Developer
- The Top Skills Engineering Professionals Have Right Now
- Explore a Career in Front-End Web Development
- Improve Your React Skills
- Become a Web Designer
- Become a Data Visualization Specialist: Tools
- Improve Your Web Design Coding Skills
- Explore App Development with the MERN Stack