Back to Catalog

Intermediate Front-End Development

Premium
IntermediateCourse

Learn Search Engine Optimization (SEO) to boost site visibility, master Webpack, explore JavaScript libraries, and gain proficiency in web optimization. Utilize frameworks and debugging techniques for seamless user experiences.

Language

  • English

Topic

  • Web Development

Skills You Will Learn

  • Webpack, Search Engine Optimization (SEO), JavaScript Library, Debugging, Frameworks, Front-End Development

Offered By

  • IBMSkillsNetwork

Estimated Effort

  • 12 Hours

Platform

  • SkillsNetwork

Last Update

  • January 29, 2025
About this Course
Do you want to learn how to optimize your websites for search engines? This course will teach you Search Engine Optimization (SEO) techniques to boost your website’s visibility.
 
Next, you’ll dive into automated build tools and bundlers like Webpack, which allow developers to streamline development by bundling assets, modules, and dependencies into a single package.
 
You’ll then explore web optimization, focusing on enhancing load time and runtime user experience. You’ll cover JavaScript testing frameworks like Mocha and Jasmine to demonstrate how automated testing improves efficiency, accuracy, and reduces maintenance costs and risks.
 
Lastly, you’ll uncover the critical role of debugging in software development. Learn to use Google Chrome DevTools for debugging without recompiling or altering source code and discover various add-ons and extensions to enhance the debugging process.

After completing this course, you will be able to: 
  • Describe the fundamentals of SEO, including its types, features, benefits, and the role of tools like free and paid SEO platforms in optimizing website performance.
  • Explore Webpack and its core concepts, including configuration modes, advantages, and best practices for front-end development and production optimization.
  • Apply best practices for managing SEO campaigns, including developing strategies, leveraging mobile SEO, and using tracking methods to enhance reach and visibility.
  • Utilize tools like Jasmine and Chrome DevTools for testing business logic, debugging front-end issues, and monitoring website performance to ensure efficiency and reliability.

Course Syllabus

Module 1: Search Engine Optimization (SEO)
  • Welcome
  • Search Engine Optimization (SEO) 
Module 2: Introduction to Automated Build Tools (Webpack)
  • Introduction to Web Build with Webpack
Module 3: Cross-Browser JavaScript Optimization and Testing Frameworks 
  • JavaScript Optimization and Testing Frameworks
Module 4: Debugging and Troubleshooting
  • Debugging and Monitoring Websites
Module 5: Final Project
  • Final Project
  • Course Wrap-Up

This platform works best with current versions of Chrome, Edge, Firefox, Internet Explorer, or Safari. This course is self-paced.

You are expected to have the following skills before you get started with this course:
  • Software engineering fundamentals
  • UI/UX design principles and tools (for example, Figma)
  • HTML, CSS, and JavaScript
  • React
  • GitHub