{"type":"rich","version":"1.0","provider_name":"Transistor","provider_url":"https://transistor.fm","author_name":"Web Dev with Matt","title":"How to Create Your First Web App: The Seven Steps You Need To Take Before You Start Building","html":"<iframe width=\"100%\" height=\"180\" frameborder=\"no\" scrolling=\"no\" seamless src=\"https://share.transistor.fm/e/294649f3\"></iframe>","width":"100%","height":180,"duration":1785,"description":"In this week's episode, I want to share with you the seven steps you need to take - BEFORE you build your first app. Sure, it's exciting to get in and start building, but don't. Do these things first to set yourself up for success.\nStep 0: Always remember the KISS (Keep It Simple Silly) principle!\nStep 1: Set up your development machine\nStep 2: Build an ultra simple web app, using a Sinatra-inspired framework, on your local development machine\nStep 3: Start learning about HTTP, i.e., the different request types, request methods, etc, HTML, and CSS\nStep 4: Augment the application with different request types, i.e., POST, PUT, PATCH, and DELETE requests\nStep 5: Build your first CI/CD pipeline and deploy your application to a remote server\nStep 6: Add database support to your application\nLinks from the episode\nGitHub Actions\nGitLab CI\nPHP Deployer\nCapistrano\nThe Sinatra framework\nThe Slim framework\nThe HTTP: Hypertext Transfer Protocol\nWant to grow your knowledge further?\nCheck out the books below, where you can grow your web development skills in a very focused, very hands-on way.\nDeploy with Docker Compose\nMezzio Essentials\nHosted and produced in Bundaberg by: Matthew Setter.\nWebsite: https://matthewsetter.com.\nFollow me on: LinkedIn.\nIf you like the podcast, and want to support it, how about buying me a coffee?","thumbnail_url":"https://img.transistorcdn.com/ErogIDxqOFQN8RVLHvl3XfLOJ_kkPEv3rY7vQp7PDxI/rs:fill:0:0:1/w:400/h:400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS9zaG93/LzEyNjc1LzE2NzIz/ODI3ODYtYXJ0d29y/ay5qcGc.webp","thumbnail_width":300,"thumbnail_height":300}