Full Stack Web Development with JavaScript and PostgreSQL

[martinstronis65]

Full Stack Web Development with JavaScript and PostgreSQL
Published 12/2024
Created by Renan Martins
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Level: Beginner | Genre: eLearning | Language: English | Duration: 232 Lectures ( 10h 34m ) | Size: 5.5 GB​

Build a React App with NodeJS Backend

What you'll learn
Code web application pages with HTML and CSS
Use Git version control and GitHub to manage your source code repository
Enrich web applications interactivity with the JavaScript programming language, including using ReactJS to build composable user interfaces
Understand SQL to interface with PostgreSQL database system to store data for your applications
Develop a backend JSON API using NodeJS (JavaScript) and the ExpressJS library
Create a mobile application using the JavaScript programming language and React Native framework

Requirements
Basic computer usage and programming experience is recommended

Description
Embark on a full stack web development adventure and learn elements from the frontend all the way to the backend, database, and even a mobile application.You start off with the basics of HTML and CSS. You learn how to version control with Git and GitHub.Then you are introduced to the JavaScript programming language to make your website dynamic.The frontend library ReactJS is then taught so you can build Single-Page Applications, developing the user interface (UI) declaratively with React components.You also learn the Structured Query Language (SQL) so you can query a PostgreSQL (aka Postgres) database.For the backend, you learn to use NodeJS (think of it as the Server-Side JavaScript programming language) with the ExpressJS framework to build an Application Programming Interface (API) that exchanges data in the JavaScript Object Notation (JSON) format.You learn how to tie the frontend to the backend and persist information on the database, so the next time you load the application, the database is remembered.You also get to learn how to build a mobile application for the Android and iOS operating systems using the JavaScript programming language with the React Native framework. The knowledge obtained from React for the Web allows you to easily apply the same patterns for mobile development.

Who this course is for
Developers interested in building information systems full stack from the frontend to the backend, including database and mobile app.
Homepage

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

 

[0dayddl]

5.49 GB | 8min 6s | mp4 | 1280X720 | 16:9
Genre:eLearning |Language:English​

Files Included :

Spoiler

1 -Introduction to ReactJS library for Frontend.mp4 (25.4 MB)
2 -Generate Project with Create React App.mp4 (12.95 MB)
3 -View Page Source of Single Page Application (SPA).mp4 (39.62 MB)
4 -Overview of React Project Source Code Files.mp4 (43.09 MB)
5 -Curiosity about JSX Transpilation with Babel.mp4 (18.02 MB)
6 -Class Name and Import CSS File.mp4 (35.38 MB)
7 -Convert Plain HTML Page to React Component.mp4 (58.55 MB)
8 -Create Our Own React Component Reset Password.mp4 (31.7 MB)
9 -Move Custom Component to a Dedicated File.mp4 (45.67 MB)
1 -NPM Install React Router DOM.mp4 (5.31 MB)
10 -Change Label for Attribute to htmlFor Prop.mp4 (8 MB)
11 -Bring Message Form Submit Handler Function.mp4 (32.43 MB)
12 -Import CSS and Map to Dynamically Generate Divs.mp4 (47.8 MB)
13 -useState Hook to Store and Set Posts.mp4 (23.78 MB)
14 -useEffect Hook to Retrieve and Load Posts.mp4 (66.81 MB)
15 -Control Textarea value and onChange.mp4 (44.23 MB)
16 -New Comment Submission the React Way.mp4 (40.96 MB)
17 -Summary of the React Way.mp4 (23.71 MB)
2 -JavaScript Outside the Browser with Node js.mp4 (4.71 MB)
3 -NPM Package JSON and Node Modules.mp4 (38.14 MB)
4 -Hook Up Router Provider and Define a Route.mp4 (44.06 MB)
5 -Add Route for Reset Password.mp4 (34.48 MB)
6 -Move Route Definition to Separate File.mp4 (20.46 MB)
7 -Route for Layout with Placeholder Content.mp4 (31.44 MB)
8 -Adding Header and Footer Common to All Pages.mp4 (12.09 MB)
9 -Convert Messages HTML Page to React Component.mp4 (89.64 MB)
1 -Intro to Structured Query Language (SQL).mp4 (24.91 MB)
10 -Count Rows and Alias Column Name.mp4 (12.15 MB)
11 -Create Table cars.mp4 (26.29 MB)
2 -Select Columns from Table.mp4 (38.65 MB)
3 -Eliminate Duplicates with Distinct.mp4 (18.63 MB)
4 -Filter Rows with Where.mp4 (39.92 MB)
5 -Insert Into Table Values.mp4 (50.15 MB)
6 -Delete From Table.mp4 (15.84 MB)
7 -Update Table Set Column Value.mp4 (6.73 MB)
8 -Combine Tables with Inner Join.mp4 (46.65 MB)
9 -SQL Joins Venn Diagram.mp4 (11.73 MB)
1 -PostgreSQL and Different Kinds of SQL.mp4 (15.36 MB)
10 -Select Rows from Table Using Query Tool.mp4 (13.52 MB)
11 -Assess Frontend Form to Inform Design of New Table.mp4 (7.64 MB)
12 -Create Table Users Using pgAdmin.mp4 (54.37 MB)
13 -Note About Changing the Database.mp4 (8.35 MB)
14 -About the Backend Handling of Sign Up Form Submission.mp4 (13.58 MB)
15 -Leverage pgAdmin Scripts to Write Queries.mp4 (25.16 MB)
16 -Some PSQL Tips Such as Expanded Display.mp4 (22.42 MB)
2 -What We Are Going to Do.mp4 (4.97 MB)
3 -Register Server in pgAdmin.mp4 (6.13 MB)
4 -Create User Role using pgAdmin.mp4 (7.19 MB)
5 -How to Open PSQL and Query Tool in pgAdmin.mp4 (12.69 MB)
6 -Create Database Using pgAdmin.mp4 (8.43 MB)
7 -Create Table Messages Using pgAdmin.mp4 (40.34 MB)
8 -Looking at Properties in pgAdmin.mp4 (7.63 MB)
9 -Using PSQL to Select and Insert Records.mp4 (42.24 MB)
1 -What Node js is.mp4 (12.08 MB)
10 -Keeping Secrets off Version Control with Env and JSON.mp4 (54.24 MB)
2 -Initialize Server Project and Install Express.mp4 (21.02 MB)
3 -What HTTP Web Server is.mp4 (13.6 MB)
4 -Create Express App and Define a GET Endpoint.mp4 (82.99 MB)
5 -Browser DevTools to Analyze HTTP GET Request.mp4 (19.86 MB)
6 -Review of the System Parts.mp4 (27.08 MB)
7 -Install NPM Package pg.mp4 (36.24 MB)
8 -Power Up Server with Console Log.mp4 (32.67 MB)
9 -Instance of New PG Client.mp4 (79.12 MB)
1 -Nodemon to Restart the Server Automatically During Dev.mp4 (42.85 MB)
10 -POST messages Endpoint Inserts Data.mp4 (91.07 MB)
11 -REST Naming Convention.mp4 (38.77 MB)
2 -Use PG Client to Query Messages Table.mp4 (34.79 MB)
3 -Revisiting the Frontend React App.mp4 (54.59 MB)
4 -Array Map Explanation Using Node REPL.mp4 (16.04 MB)
5 -Coming Across Issue with CORS.mp4 (23.17 MB)
6 -NPM Install cors and Middleware Explanation.mp4 (33.43 MB)
7 -App Use cors and Fix Key Prop Warning.mp4 (31.6 MB)
8 -Investigate Response with Debugger Breakpoints.mp4 (21.21 MB)
9 -Update Frontend to Post Message to our Backend.mp4 (68.82 MB)
1 -Mobile Applications Overview.mp4 (13.3 MB)
10 -Text Input Component and some Flexbox.mp4 (33.09 MB)
11 -Padding Top so no Overlap with Status Bar.mp4 (4.35 MB)
2 -Requirements for Mobile Dev with React Native.mp4 (4.66 MB)
3 -Generate Project with Create Expo App.mp4 (5.8 MB)
4 -Start Expo Development Server.mp4 (13.26 MB)
5 -Style Prop and StyleSheet.mp4 (30.13 MB)
6 -Styles Defined in a Separate File.mp4 (15.39 MB)
7 -Reference Documentation to Learn Components.mp4 (5.13 MB)
8 -Show Text on Button Press using React State.mp4 (28.72 MB)
9 -Display an Image from URI.mp4 (14.62 MB)
1 -Constants Status Bar Height.mp4 (11.81 MB)
10 -Use localtunnel so Phone can Access Backend Server.mp4 (23.23 MB)
11 -Polish Some Styles for Messages Screen.mp4 (26.12 MB)
12 -TextInput with Array of Styles.mp4 (29.92 MB)
13 -Add Comment Button.mp4 (51.62 MB)
14 -ScrollView for Scrolling Through the Screen.mp4 (22.28 MB)
2 -Install React Navigation.mp4 (17.37 MB)
3 -Setup Stack Navigator.mp4 (46.25 MB)
4 -Move Screen Component to its Own File.mp4 (37.36 MB)
5 -Add Another Screen and Defining Initial One.mp4 (29.81 MB)
6 -Navigate Programatically from Home to Messages.mp4 (19.63 MB)
7 -Note About Running Emulator Having no Phone.mp4 (2.17 MB)
8 -Secrets Example JSON File.mp4 (31.61 MB)
9 -Fetch Messages and Catch Error.mp4 (63.9 MB)
1 -HyperText Markup Language.mp4 (16.27 MB)
10 -HTML Anchor Tag.mp4 (47.82 MB)
11 -HTML Image Tag.mp4 (44.92 MB)
12 -HTML Unordered and Ordered Lists.mp4 (30.67 MB)
13 -Learning New HTML Elements.mp4 (13.64 MB)
14 -HTML Audio Tag.mp4 (13.81 MB)
15 -HTML Video Tag.mp4 (13.91 MB)
2 -Index HTML Boilerplate.mp4 (22.33 MB)
3 -Live Preview - Visual Studio Code Extension.mp4 (15.08 MB)
4 -HTML Tags - Paragraph.mp4 (13.47 MB)
5 -Website to Generate Lorem Ipsum Placeholder Text.mp4 (11.21 MB)
6 -HTML Heading Tags.mp4 (33.79 MB)
7 -HTML Strong and Em Tags.mp4 (22.12 MB)
8 -HTML Bold and Italics Tags.mp4 (20.06 MB)
9 -HTML Code Indentation.mp4 (31.4 MB)
1 -Wireframe for Sign Up Form.mp4 (3.52 MB)
10 -Input Type Submit.mp4 (12.73 MB)
11 -HTML Form Action Attribute.mp4 (14.45 MB)
12 -Browser Developer Tools.mp4 (16.99 MB)
13 -HTML Form Submission.mp4 (59.1 MB)
14 -Input Required Validation.mp4 (31.54 MB)
2 -HTML File for Sign Up Page.mp4 (22.65 MB)
3 -Label and Input Type Text.mp4 (20.55 MB)
4 -Input Type Email.mp4 (9.41 MB)
5 -Input Type Password.mp4 (4.19 MB)
6 -Input Type Date.mp4 (8.56 MB)
7 -Input Type Radio.mp4 (33.44 MB)
8 -HTML Textarea Tag.mp4 (23.06 MB)
9 -Input Type Checkbox.mp4 (29.29 MB)
1 -CSS Text Color.mp4 (35.51 MB)
10 -CSS Box Model.mp4 (60.12 MB)
11 -Display Block versus Inline.mp4 (31.07 MB)
12 -Restyling Unordered List.mp4 (29.67 MB)
13 -List Items Inline Using Child Selector.mp4 (31.07 MB)
14 -List Items as Button with Link.mp4 (32.88 MB)
15 -Pseudo-classes Hover and Active.mp4 (27.52 MB)
16 -Pseudo-class Last Child.mp4 (18.56 MB)
17 -Inner Button Edge Bug Fix.mp4 (19.09 MB)
2 -CSS Background Color.mp4 (31.76 MB)
3 -Defining CSS in a Separate File.mp4 (22.71 MB)
4 -CSS Text Align Center.mp4 (7.04 MB)
5 -Debugging CSS with DevTools.mp4 (45.99 MB)
6 -CSS Color Values.mp4 (28.72 MB)
7 -CSS Id Selector.mp4 (14.98 MB)
8 -CSS Class Selector.mp4 (32.76 MB)
9 -Bootstrap Button Example.mp4 (60.66 MB)
1 -Form Group Class.mp4 (30.68 MB)
2 -Styling Form Goup Labels.mp4 (18.72 MB)
3 -Full Width Inputs.mp4 (23.89 MB)
4 -Box Sizing Border Box.mp4 (18.51 MB)
5 -Padding Documentation from MDN.mp4 (23.11 MB)
6 -Focus Outline and Box Shadow.mp4 (38.12 MB)
7 -Selecting Textarea and Input Type Date.mp4 (29.17 MB)
8 -Link Google Fonts.mp4 (24.1 MB)
9 -Styling the Form Submit Button.mp4 (19.37 MB)
1 -Source Code Version Control.mp4 (15.11 MB)
10 -Generate SSH Key.mp4 (18.96 MB)
11 -Add Public SSH Key to GitHub.mp4 (5.65 MB)
12 -Add GitHub Remote and Push.mp4 (18.54 MB)
13 -GitHub Commits Page.mp4 (6.39 MB)
14 -Git Fetch and Merge the Latest Changes.mp4 (23.11 MB)
15 -Git Add Patch.mp4 (11.68 MB)
16 -GitHub Blame Page.mp4 (4.56 MB)
17 -Visual Studio Code Source Control.mp4 (22.88 MB)
2 -Initialize Git Repository.mp4 (7.03 MB)
3 -Making a Git Commit.mp4 (19.72 MB)
4 -Commands to Establish Git Identity.mp4 (13.07 MB)
5 -Making Another Commit.mp4 (12.18 MB)
6 -Git Help.mp4 (9.06 MB)
7 -Git and Version Control Recap.mp4 (16.7 MB)
8 -Brief Overview of GitHub.mp4 (34.78 MB)
9 -Create GitHub Repository.mp4 (17.24 MB)
1 -GitHub for Collaboration.mp4 (10.96 MB)
10 -Open Source Beginner's Mistake.mp4 (18.21 MB)
11 -Making a Feature Branch.mp4 (31.23 MB)
12 -Cleaning Up After a PR to Upstream.mp4 (24.73 MB)
2 -Getting Assigned a GitHub Issue.mp4 (15.77 MB)
3 -Forking a Repository on GitHub.mp4 (21 MB)
4 -Finding a Solution to the GitHub Issue.mp4 (38.46 MB)
5 -Proposing Changes with a Pull Request.mp4 (38.46 MB)
6 -Code Review Process.mp4 (43.16 MB)
7 -Merging the Pull Request.mp4 (10.24 MB)
8 -GitHub Projects Issue Tracking.mp4 (14.48 MB)
9 -Cleaning Up and Syncing with Upstream.mp4 (27.32 MB)
1 -Brief Overview of JavaScript.mp4 (23.53 MB)
2 -JavaScript in the Console Tab.mp4 (14.22 MB)
3 -Manipulating Style with JavaScript.mp4 (72.64 MB)
4 -Commentary on JavaScript to Change Style.mp4 (22.62 MB)
5 -Changing Image Source with JavaScript.mp4 (37.49 MB)
6 -Moving JavaScript Code to a Separate File.mp4 (23.63 MB)
7 -Query Selector to Get Element By Id.mp4 (22.34 MB)
8 -Function to Handle Click for Next Image.mp4 (55.36 MB)
9 -Playing Sound on Button Click.mp4 (58.22 MB)
1 -Messages Page with Form that Includes Textarea.mp4 (12.63 MB)
10 -JavaScript Arrays Definition and Access.mp4 (19.33 MB)
11 -JavaScript Object Literal Definition and Property Access.mp4 (16.1 MB)
12 -Access Property of Object that is in Array.mp4 (18.34 MB)
13 -Making HTTP Request with Fetch to Retrieve Posts.mp4 (43.2 MB)
14 -Add to Class List and Clear Textarea Value.mp4 (23.01 MB)
15 -Debug Promise Callback Function with DevTools.mp4 (23.98 MB)
16 -For Of Loop to Repeatedly Generate Div Elements.mp4 (33.34 MB)
17 -Iterating Over Posts with Traditional For Loop.mp4 (18.09 MB)
2 -Form Submit Event Handler Function.mp4 (27.98 MB)
3 -Investigate Textarea Value Using Chrome DevTools Debugger.mp4 (49.6 MB)
4 -Form Submit Event Prevent Default.mp4 (18.25 MB)
5 -Message Container and List Items Plus Styling.mp4 (55.83 MB)
6 -Document Create Element and JavaScript Variables.mp4 (22.38 MB)
7 -Div Text Content and Append Child.mp4 (45.33 MB)
8 -Refactor Code with Variable to Avoid Repetition.mp4 (20.32 MB)
9 -JSON Response from Fake Backend Server.mp4 (18.87 MB)

]
Screenshot

Spoiler

RapidGator

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!

TurboBit

Bitte Anmelden oder Registrieren um Code Inhalt zu sehen!