Overview of Web App Development Training Overview
This Introduction to Web Application Development training course teaches attendees the basics of web app development, including the fundamentals of HTML and the DOM, CSS, modern JavaScript, and more. This course is ideal for experienced programmers looking to brush up on current front-end web applications or aspiring web application developers looking for a solid web app development overview.
Note: For in-depth Web Application training, please see our 5-day Modern Web Development with HTML, CSS, and JavaScript course.
Location and Pricing
Accelebrate offers instructor-led enterprise training for groups of 3 or more online or at your site. Most Accelebrate classes can be flexibly scheduled for your group, including delivery in half-day segments across a week or set of weeks. To receive a customized proposal and price quote for private corporate training on-site or online, please contact us.
In addition, we offer some courses as live, instructor-led online classes for individuals.
Objectives
- Work with VSCode
- Understand HTML and the DOM (Document Object Model)
- Use Chrome development tools
- Apply CSS classes to style HTML elements
- Understand ES6 JavaScript
- Understand SPAs (single page applications), like MVC, Ajax, and Smart client
Prerequisites
- A basic understanding of the architecture and interaction between Web Clients and Web Servers
- Development experience with modern programming languages like JavaScript, Java, Python, C#, etc.
Outline
Expand All | Collapse All
Intro to Web Apps
- Architecture reference models and the history of how we got here
VSCode
- Basics of how to work with the tool
- Features needed for future training and work:
- The terminal
- Extensions
- Settings
HTML and the DOM
- How one becomes the other and why it's important
- Browser APIs
- Document (DOM) API and DOM nodes
- Chrome development tools
CSS
- Style an element using CSS classes
- API docs
- CSS features in chrome dev tools
ES6 JavaScript
- ES6 fundamentals and key features
- API beyond client-side validation
Chrome Developer Tools
- Finding errors
- Using the console
- Working with the debugger
- Meaningful extensions
SPA (Single Page Application)
- Why have SPAs? (MVC, Ajax, Smart client)
- MEAN and MERN stack
Conclusion
Training Materials
All Web Application Development training students receive comprehensive courseware.
Software Requirements
- Windows, macOS, or Linux
- Web or text editor of your choice
- Web browsers - a recent version of one or more of the following:
- Google Chrome
- Mozilla Firefox
- Microsoft Edge
- Safari
