8 - Style the updates part 1 | codingphase

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Node - Javascript Fullstack Developer Bootcamp

Introduction to Node

Introduction to node (1:46)
Installing Node JS (3:44)
Atom - text editor (3:56)
Understanding how websites work on a high level (7:26)

Node JS Basics

Initialize our first project (8:07)
Require and export (10:54)
Create our first server (5:50)
basic routing and static files (13:35)

Adonis JS

Adonis JS Setup (6:52)
Folder Structure (5:47)

Adonis JS - Routing

basic route (3:57)
Route Params (6:03)
Bind Controllers to Route (4:37)
Render Views (5:16)
SPA Routing, Named Routes, and Groups (10:04)
What is middleware (4:17)

Adonis JS - Template Engine Edge

Basic of edge (4:58)
Edge conditionals (8:27)
Loops (12:35)
Templates and Layouts (10:20)
Includes (8:37)
Components with Edge (16:26)

Batteries Included

Request (8:22)
Response (9:07)
Batteries Included (4:11)
A modern Framework (6:25)

Forms and Rest

Forms Basics (13:10)
Rest (7:38)
New Lecture

Databases

Message before starting (0:51)
Setting up to use databases plus SQLITE (11:25)
new install php mysql with mamp (19:07)
Connect adonis to mysql (6:17)
Creating a migration (16:03)
Changing a table or columns (5:54)

Project 1 - CRUD

1 - Init Project Routes and Controller (11:23)
2 - Connect to DB and set the views (14:40)
3 - Build the rest of the views (15:05)
4 - Build model and migrations (8:37)
5 - Insert Data (9:42)
6- Read data and display all sneakers (9:57)
7 - Update Data for One Record (20:10)
8 - Display sneaker page (13:20)
9 - Delete a sneaker and conclusion (12:49)

Project 2 - How to build a social media site!

1 - Toku Project Overview (6:17)
2 - Adonis JS with Web Developer Starter Kit (24:08)
3 - Building the container (11:55)
4 - Build the left Menu (24:28)
5 - Content Area header search html and css (41:19)
6 - Content area Compose Section HTML and CSS (36:59)
7 - Updates html section only (13:29)
8 - Style the updates part 1 (32:01)
9 - Style the updates part 2 (42:20)
10 - Hide Scrollbars (9:56)
11 -Messenger Header (18:53)
12 -Finish Messenger sections html and css (38:36)
13 - Create Layout for app (20:17)
14 - Create a welcome page (22:56)

Project 2 - User Authentication

1 -Getting Ready for user authentication (20:04)
2 -Create the register page and styles (38:16)
3 - Changes to Login and Forgot Password Pages (9:47)
4 -Setup database and migrations (7:09)
5 -Saving a user (30:37)
6 - Using Session for flashing messages when saving user (26:55)
7 - Logout (7:55)
8 - login user (13:32)
9 - Show Messages when login (7:35)
10 - Finalizing the authentication (14:41)

Project 2 - Building the basics Migrations

1 - How to structure your database without any code (11:20)
2 - Create migrations for tables (26:57)
3 - Watch out for human error (1:10)

Project 2 - React

From server side to single page app (17:05)
Make all the sections into components (20:21)
Making Root route to be homepage when logged in (4:57)
Logic for left menu dropdown (18:16)
using ajax to get user name (24:09)
show loading screen while loading data (23:23)
Saving our post to database part 1 (15:23)
Saving our post to database part 2 (7:00)
displaying our post part 1 (26:38)
Displaying Our Posts Part 2 (14:14)
Making Sure WE Keep All of the IDs (4:17)
Connecting React Router (23:00)
Setup the profile page (20:39)
Getting data for profile components (21:18)
Follow other users (38:04)

Conclusion

Now You have all the tools to add features (5:01)

8 - Style the updates part 1

Complete and Continue

Discussion

0 comments