Course Code
frontenddev
Duration
35 hours (usually 5 days including breaks)
Requirements
- Basic experience with graphic design tools and software
- An understanding of web concepts and SEO principles
- Experience with HTML, CSS, and JavaScript computer languages
Audience
- Developers
Overview
Front-end development is the practice of designing, coding, and debugging websites or software with a focus on client-side interaction. It enables the creation of UI/UX for better performance of enterprise applications while efficiently conveying branding to target markets.
This instructor-led, live training (online or onsite) is aimed at developers who wish to learn front-end development, acquire essential skills of a client-side developer, and enhance their web development practices.
By the end of this training, participants will be able to:
- Setup software platforms and utilize developer tools necessary for front-end development.
- Understand the underlying concepts and principles of client-side development.
- Reinforce their coding knowledge in HTML, CSS, JavaScript, and other practical front-end languages.
- Build dynamic web platforms and apply well-structured interface designs.
- Implement front-end development practices to optimize existing and future enterprise applications.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
Course Outline
Introduction
- How is front-end development different from other solution stacks?
- Why is front-end development important?
Overview of a Front-End Developer's Responsibilities
Setting Up the Optimal IDE and Configuring the Coding Languages
Getting Started with Internet Concepts and Principles for Front-End Development
Understanding Web HTTPS, DNS, Web Hosting, and Web Browsers
- How do these concepts work?
- Familiarizing with web pages and web components
Overview of Essential Markup and Programming Languages
Reviewing the Basics of HTML for Front-End Development
- Practicing semantic code writing
- Working with forms and validations
Implementing CSS Fundamentals and Creating Responsive Interface
- Building different CSS layouts, designs, and queries
Designing and Building Basics Website Projects with HTML and CSS
Delegating Version Control Systems and Hosting Repositories
- Working with Git and GitHub for front-end development
Applying JavaScript Coding Principles and Utilizing its Syntax
- Understanding JavaScript web implementations
- Working with JavaScript libraries and modules
- Practicing programming concepts with JavaScript
Utilizing JavaScript Package Managers
- NPM v.s. Yarn
Implementing Fetch API Functionalities and Operating XHR
Building and Styling Intermediate Website Projects with HTML, CSS, and JS
Performing Advanced JavaScript and CSS Integration
- Employing JSS tools and frameworks
Creating Web Tools and Choosing the Right Framework with HTML, CSS, and JS
- Utilizing task runners and other front-end developer tools
- React v.s. Angular v.s. Vue JS
Implementing Functional CSS Principles and Working with Optimized CSS Frameworks
Writing and Executing Different Tests for Front-End Applications
- Building and operating type systems
- Implementing automated testing
Guidelines for Progressive Web Applications and SSR
- Employing API query languages
Understanding Core Web Security Principles and Policies
Developing Advanced Static Websites, Mobile Applications, and Desktop Applications
Working with Web Assembly and Optimizing Web Performances
Best Practices for Front-End Development
Troubleshooting
Summary and Conclusion
.png "new york stock exchange (nyse)")
_ireland.gif "environmental protection agency (epa) ireland")
.png "aeronautical radio, incorporated (arinc)"){kind=small}
.jpg "european organization for nuclear research (cern)")
.png "european space agency (esa)")
