Build and Deploy Your First Web App with Modern Tooling
1h 3mBeginner2021-09-17
Authors
Oluchukwu Okpala
Software Engineer
Course details
Most web developers today do their work supported by a variety of tools: IDEs, code repositories, test systems, and more. However, most people don't get to use those tools when they’re just starting out on their web developer training, and generally get introduced to them as parts, without seeing how they fit together. In this project-based course, Oluchi Okpala presents a simple example developers can easily follow while seeing how the tools fit together around it. If you have a basic understanding of HTML, CSS, and JavaScript, but want to learn more about how they all work together to create today’s dynamic and interactive content, this course is for you.
Skills covered
HTMLCSSJavaScriptFull-Stack Web DevelopmentOracleProjectWeb DevelopmentOpen Source
Concepts
0. Introduction
- 01 - Modern web development
1. Set Up the App Repository
- 02 - Set up the app repository on GitHub
- 03 - Create new files
- 04 - Install extensions
2. Add HTML to Your Web App
- 05 - Explore a HTML template
- 06 - Create form fields in HTML
- 07 - Launch app in browser
3. Style Your Web Page with CSS
- 08 - Style the note app
- 09 - Working with multiple files in Git
4. Add Interactivity with JavaScript
- 10 - Add JavaScript to HTML document
- 11 - Display all notes
- 12 - Add new note
- 13 - Delete a note
- 14 - Edit a note
- 15 - Cancel an edit
- 16 - Commit your changes to Git
5. Launch the App
- 17 - Add your new site
Conclusion
- 18 - Level up your development career
Related courses
- Vibe Code Your First AI App with Lovable and n8n (No Code Required)
- Vibe Coding from Scratch: A Beginner's Guide to Building and Shipping an App with AI
- Hands-On AI: Building Your First Conversational AI Chatbot
- Building an Enterprise API for Advanced Azure Developers
- Build AI Applications with Gradio
- Kubernetes: Your First Project
- Angular: Building on Azure Microservices
- Copilot Studio First Look