Build a Web App like Twitter from Scratch Using HTML, CSS, JavaScript, Express, MySQL
Tags:
Learn to develop a web application that behaves in a similar way as apps like Twitter. This course teaches full stack development with both the frontend and backend. Learn to structure the website using HTML. Learn to apply styles using CSS. Learn to make the site interact with the user and turn it into a web application. Besides coding the client side, you also get to look at the server side with Nodejs, using the framework Express. For the database, the course uses MySQL.
- 01Build a Web App Like Twitter From Scratch using HTML, CSS, JavaScript, Express, MySQL
- 02Writing the Website Basic HTML 5 Structure - Learn Tags Elements
- 03Drafting Website Entry Text with Lorem Ipsum - Web Programming Tutorial
- 04Adding Input Controls and Working on the Style with CSS and DevTools
- 05Introducing JavaScript to Handle the Button Click for HTML page
- 06Creating a New Element with JavaScript and Appending to List
- 07Styling the Submit Button with CSS using the Browser DevTools
- 08Changing the Alignment of the Button and the Width of the Text Area
- 09Adding an Error Message Next to the Button to Submit the Text
- 10Refactoring JavaScript Code to Have a Separate Function to Add New Entry
- 11Installing Nodejs using NVM to Start the Development of the Server API
- 12Installing Express and Creating our Server API - Nodejs Tutorial
- 13Moving the Draft Data from the Client Side to the Server Side - Nodejs Tutorial
- 14Using Fetch API to Get Data from the Server JSON API Written with Express, Cors middleware
- 15Fetch Problem and CORS in Detail with Express middleware – Cross Origin Resource Sharing
- 16Using nodemon to Restart the Server Every Time We Make a Change – Nodejs Express
- 17Making an Express Route to Create the Resource and Fixing the Frontend JavaScript
- 18Validating the Presence of Entry Text on the Server Side – Nodejs Express JSON API Tutorial
- 19Validating the Maximum Length of Entry Text on the Server Side
- 20Exploring Leaving the Validation to the Server Side – Nodejs Express Tutorial
- 21Installing MySQL – Nodejs Express Tutorial
- 22Installing MySQL Driver for Nodejs (Problems!) – Express Tutorial
- 23Finishing the Configuration of MySQL after Debugging – Express Tutorial
- 24Handling SIGINT and SIGTERM in Express to Properly Close the Database and Server
- 25Creating the Database Table and Making the Query to Find All Entries
- 26Writing the Query to Create Entry in Express Server Endpoint
Did you like the lesson? 😆👍
Consider a donation to support our work: