Front-End Development from Basic to Advanced Training Course
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
- Overview of front-end development
- Understanding the basic concepts and terminologies
- Overview of a front-end developer's responsibilities
- Setting up a development environment
HTML
- Introduction to HTML5
- Basic tags and structure of an HTML document
- Semantic elements
- Using forms and inputs
- Media elements (Images and videos)
- DOM structure and how it works
- Modern browsers and their requirements with APIs and structured syntax
CSS
- Introduction to CSS
- Selectors and cascading
- Box model and layout
- Flexbox and Grid
- Transitions and animations
- Responsive design
- Understanding SCSS and modern concepts of advanced pre-processors
Bootstrap
- Introduction to Bootstrap
- Setting up and using Bootstrap
- Grid system and responsive design
- Navbars, forms, and buttons
- Components and JavaScript plugins
JavaScript
- Introduction to JavaScript
- Basic programming concepts
- Variables, data types, and functions
- DOM manipulation
- Asynchronous programming with callbacks and promises
- Fetch API and JSON
- Utilizing JavaScript package managers
React
- Introduction to React
- Components and JSX
- Props and state
- Event handling
- Lifecycle methods
- Routing and forms
- Hooks
- Introduction to Next.js
Advanced Topics
- Accessibility
- Performance optimization
- Testing
- Deployment
Project
- 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 Next Steps
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
Open Training Courses require 5+ participants.
Front-End Development from Basic to Advanced Training Course - Booking
Front-End Development from Basic to Advanced Training Course - Enquiry
Front-End Development from Basic to Advanced - Consultancy Enquiry
Consultancy Enquiry
Testimonials (2)
Comprehensive look an all topics. A lot of teaching by example and a great repository of knowledge Mike left built with us.
Wojciech Kochmanski - 3LP SA
Course - Front-End Development from Basic to Advanced
knowledge level of the trainer
Pawel Latawiec - 3LP SA
Course - Front-End Development from Basic to Advanced
Upcoming Courses
Related Courses
Reactive Programming with Angular RxJS
14 HoursReactive programing is an asynchronous programing paradigm that focuses on data streams and the propagation of data by establishing a defined dependency between the underlying execution models and the emitted data streams from one component to another. Many Angular application design inefficiencies when building asynchronous UIs can be overcome by utilizing reactive style patterns offered by the RxJS library.
In this instructor-led, live training, participants will learn how to implement Observable patterns into their Angular application designs as they step through a series of cases showcasing common angular design problems and how they benefit from reactive programing designs.
By the end of this training, participants will be able to:
- Understand the reactive programing paradigm and the RxJS library.
- Build UI heavy Angular applications with scalability, flexibility, and responsiveness in mind using reactive programming patterns.
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.
Certified Secure Web Application Engineer (CSWAE)
35 HoursWho Should Attend?
* Coders * Web Application Engineers * IS Managers * Application Engineers * Developers * Programmers
Suggested Prior Knowledge:
* 24 months experience in software technologies and security
* Sound knowledge of networking
* At least one coding language
* Linux understanding
* Open shell
Upon Completion
Upon completion, Certified Secure Web Application Engineer students will be able to establish industry acceptable auditing standards with current best practices and policies. Students will also be prepared to competently take the C)SWAE exam
Web Application Development with Flask
14 HoursThis practical course is addressed to Python developers that want to create and maintain their first web applications. It is also addressed to people who are already familiar with other web frameworks such as Django or Web2py, and want to learn how using a microframework (i.e. a framework which glues together third-party libraries instead of providing a self-contained universal solution) changes the process.
A significant part of the course is devoted not to Flask itself (it's tiny), but to third-party libraries and tools often used in Flask projects.
Functional Reactive Programming with Java 9 and RxJava
14 HoursThis instructor-led, live training in India (online or onsite) is aimed at intermediate-level software developers and system architects who wish to build reactive applications using Java 9, Spring, Jersey, Akka, and the RxJava 2.0 reactive programming library.
By the end of this training, participants will be able to:
- Understand the importance and significance of reactive programing in applications and systems development.
- Run Unit test on RxJava 2.0.
- Use the Akka framework under reactive programing principles.
- Employ Spring to handle the development of concurrent applications.
- Use Java 9's flow API to develop reactive apps.
ELM for Front-End Development
14 HoursThis instructor-led, live training inIndia (onsite or remote) is aimed at software engineers who wish to use ELM for front-end development.
By the end of this training, participants will be able to:
- Build web application with the ELM language.
- Use open source packages in ELM.
- Implement ELM tools to debug and compile ELM code.
RxJava for Android Developers
21 HoursThis instructor-led, live training in India (online or onsite) is aimed at developers who wish to use RxJava to develop and deploy an Android mobile application.
By the end of this training, participants will be able to:
- Set up a development environment that includes needed libraries, packages and frameworks needed for developing a reactive application.
- Understand how data and event streams are emitted and consumed.
- Design applications that model real world (event based) situations in an elegant and concise way.
Reactive Programming for iOS with RxSwift
7 HoursThis instructor-led, live training in India introduces participants to reactive techniques offered by RxSwift for managing the transferring and combining of asynchronous data streams, handling simple observable sequences, and the architecture and development of responsive, flexible, and industry scalable iOS applications.
By the end of this training, participants will be able to:
- Understand the basic concepts behind reactive programing in Swift 3.
- Turn various items such as arrays and events into observable sequences.
- Apply various filters to observable sequences, transform and combine observable sequences.
- Write Unit tests against Rx Code.
- Effectively utilize blind data from user interface elements.
Vert.x: Build a Reactive Application on JVM
14 HoursIn this instructor-led, live training in India, participants will learn how to use Vert.x to create an asynchronous, event-based web application.
By the end of this training, participants will be able to:
- Understand and use the different components (core, web, client, etc.) in the Vert.x stack.
- Use Vert.x to create network utilities, HTTP/REST microservices, high volume event processing, back-end message-bus applications, etc.
- Execute an app that can handle high concurrency using minimal kernel threads.
- Use Vert.x's APIs to support Java, JavaScript, Groovy, Ruby, Ceylon, Scala, Kotlin, etc.
- Unit test asynchronous code with Vert.x-Unit.
- Deploy and scale an app with minimal hardware.
Visual Studio Code
14 HoursThis instructor-led, live training in India (online or onsite) is aimed at beginner to intermediate-level developers who wish to edit codes using VS Code.
By the end of this training, participants will be able to:
- Familiarize the VS Code interface.
- Effectively use workspaces in VS Code.
- Manage VS Code keyboard shortcuts and settings.
- Learn how to use various programming languages in VS Code.
Web Application Development (Advanced Level)
28 HoursThis instructor-led, live training in India (online or onsite) is aimed at advanced-level web developers who wish to design, build, and deploy complex web applications using advanced tools and practices.
By the end of this training, participants will be able to:
- Design scalable web architectures with advanced front-end and back-end patterns.
- Work with modern frameworks like React, Angular, or Vue.
- Build secure, robust APIs using Node.js, Django, or PHP.
- Use Docker, CI/CD, and cloud-native tools for deployment.
- Explore emerging technologies like PWAs, Serverless, and WebAssembly.
Web Application Development (Basic Level)
28 HoursThis instructor-led, live training in India (online or onsite) is aimed at beginner-level professionals who wish to build functional and interactive websites using foundational web technologies.
By the end of this training, participants will be able to:
- Understand how the web works (client-server architecture, URLs, browsers).
- Create structured web pages using HTML5.
- Style and visually enhance web pages using CSS.
- Add interactivity and logic using JavaScript.
- Manipulate the DOM to respond to user events.
Web Development with Bubble
7 HoursThis instructor-led, live training in India (online or onsite) is aimed at web developers who wish to use Bubble to build fully functional web applications without code.
By the end of this training, participants will be able to:
- Build a web application from scratch with no coding experience.
- Create databases and web services for back-end operations.
- Design and create dynamic user interfaces and user experiences.
Web Application Development in PHP
21 HoursThe course is designed for intermediate PHP developers who want to enrich their knowledge and learn best practices in programming and web development techniques based on object-oriented programming and design patterns.
Yeoman
7 HoursThis instructor-led, live training in India (online or onsite) is aimed at developers who wish to learn about Yeoman and understand how it will fit into a web application architecture and development workflow.
By the end of this training, participants will be able to:
- Learn about the features and benefits of using Yeoman in application development.
- Learn and understand the process of building and managing an application using Yeoman.