Introduction
Intro
Installing Node JS
IDE
React basics
Using a boilerplate
The bundle
Creating a simple app
Using JSX
Structuring
Using classes
A little bit of styles
Events
Component state
Working with props
Working with props 2
Props, from class to class
Childrens
More on styling
Using third party libraries
Filter the news
React Lifecycles
React Lifecycles 2
Conclusion
React Hooks
React hooks
Use state
Use state 2
Use state 3
Use effect
Working with routes
Introduction
Router process
Setting up routes
Linking
Make it a little bit better
Params
Memory, hash and navlink
Switch
Redirections
Handling 404
Project: music DB (optional)
Intro and installation
Routes and json server
Finishing home
Creating the artists page
Getting albums
React specific topics
Conditional rendering
Pure components
Adjacent elements
Hight order components 1
Hight order components 2
Animations
Transitions with classes
CSS transitions
TGroup - the template
Animating with TGroup
Typechecking
Typechecking 2
Controlled vs uncontrolled
Project: NBA
Intro and install
Creating header and footer
Creating the slider
Creating the Home subscription
Finishing the Home Subs
Adding home posts/ blocks
Home Poll
Finishing Home Poll
Creating the article post
Creating the teams component
Adding the modal
Finishing the modal
Working with redux
Introduction
Creating a store
Action creators and reducers
Creating reducers
Connecting
Dispatching an action
Making a better code
Using types
Working with promises
Redux and functional component
Redux and Hooks
Working with forms
Introduction
Creating a state for your forms
Templating form elements
Adding events to form elements
Creating a validation function
Displaying error messages
Remaining form elements
Posting data
Starting with formik
Validating with formik
Submitting with formik
Formik and yup
Starting with Node JS
Intro
REPL my terminal
Using node on a project
Write in node
Exporting in node
Blocking and non blocking
Threads, events loop and call stack
Threads, events loop and call stack 2
Threads, events loop and call stack 3
Right to the bone
Node server
Intro
Simple server
Sending an HTML response
Sending a JSON response
Routing
Express intro
Express params and query string
Express middleware
Express middleware 2
Express posting data
Node server and react
Node server and react 2
Databases with Mongo DB
Intro
Installing mongo and mongo driver
Using the mongo driver
Using the mongo driver 2
Mongoose , models and schemas
Mongoose posting
Mongoose getting
Mongoose remove
Mongoose updating
Authentication
Using postman
Creating a server
Adding users
Using bcrypt
Hashing passwords
Hashing passwords 2
Hashing passwords 3
What is a JWT
Generating a token
Validating tokens
Auth middleware
Log out users
Deploying
Creating a Heroku project
Connecting mongo DB cloud
Finishing deploy
Project: The books shelf
Introduction
Creating a server
User model
Hashing password
Login users
Validating tokens
Logout users
Books model
Posting a book
Get, patch and delete a book.
Getting all books
Setting up redux
Creating the header and the sidenav
Adding links to the sidenav
Creating the login
Dispatching a login action
Login in and catch errors
Auth HOC
Logout user
Sidenav options
Creating the add posts section
Validating fields
Posting the book
Finishing the add book post
Creating the edit book
Creating the edit book 2
Finishing the edit book
Admin posts section
Get home articles
Get home articles 2
Home loadmore
Article view
Deploying to heroku
Deploying to heroku 2
Introduction [ Legacy ]
Introduction
Installing Node MAC
Installing Node WINDOWS
IDE ( Visual Studio Code)
React basics [ Legacy ]
Using create-react-app
Bundles and Structure
Rendering the app
React JSX
Exporting modules
Using dynamic data
Functional and Class based components
Adding some style
React events
More on classes
React State
Using Props
Using Props continued...
More on Props
Using childrens
More on Styles
Using CSS modules
Filtering state
Get it from Github
React in deep: Routes, Lifecycle [ Legacy ]
Installing Router
Creating Routes
Using Links in routes.
Params and URL's
Using Router's Switch
Redirecting users
React Lifecycles
React Lifecycles continued
Conditional rendering
Pure components
Returning arrays
HOC's ( High order components )
HOC's..continued
Get it from Github
React transitions & Typechecking [ Legacy ]
Warning.Read this.
Using react transitions
More on transitions
CSS Transitions
Transition Group
Proptypes
Proptypes ..continued
React Refs
Get it from Github
React practice project: NBA App [ Legacy ]
Setting up
Layout and header
Adding Sidenav
Sidenav items
Footer and JSON server
Adding Slider
Adding Slider 2
Adding Slider 3
News List cards
News List Load more
News List transitions
News List Teams
Videos List
Videos List 2
Videos List 3
Article post view
Article post view 2
Video post view
Related videos
News main view
Video main view
Get it from Github
React - Working with forms [ Legacy ]
Controlled and Uncontrolled
Form templating
Form templating 2
Form templating 3
Adding more elements
Adding validation
Adding validation..continued
Firebase [ Legacy ]
Connecting
Posting Data
Remove and Update Data
Getting Data
Working with Arrays type
Using a form
Authentication
Preventing routes
Get it from Github
React practice project: NBA App - Part2 [ Legacy ]
Setting up Firebase and the Slider
Fixing the Newslist
Videos and Post view
Sign in and Forms
Sign in and Forms 2
Sign in and Forms 3
Sign in and Forms 4
Authentication
Sidenav options
Dashboard
Dashboard Editor
Finishing editor and adding teams
Uploading files
Uploading files 2
Posting article
Fixing slider
Private routes
Deploying to production
Get it from Github
Redux: Basics [ Legacy ]
Installing and connecting
Reducers
Action creators
Dispatching
Containers
Get it from Github
Redux practice [ Legacy ]
Intro and setting up
Adding Redux to the home
Finish Home and adding the Artist View
Fixing last problem
Get it from Github
Node JS: Basics [ Legacy ]
What is node
Reading and writing
Node package manager
Blocking and Non-blocking
The call stack, Api's, the event Loop and the event queue
To the very bones of Node JS
Of servers and clients
Get it from Github
Node JS: Creating Servers [ Legacy ]
Simple server
Routing
Using Express
Middleware
Posting data
Node server and React app
Get it from Github
Node JS: Mongo DB [ Leagacy ]
Introduction
Installing Mongo DB ( MAC )
installing Robomongo - Robo T ( MAC )
Installing Mongo DB ( WINDOWS )
installing Robomongo - Robo T ( WINDOWS )
Mongo Driver: connecting and inserting
Mongo Driver: inserting multiple and getting data
Mongo Driver: Delete and update data
Mongoose: Configuration and adding data
Mongoose: Get, Update and Delete
Get it from Github
Node JS: Security and authentication [ Legacy ]
Using postman ( we will use it next )
Installation and set up
Hashing passwords
Comparing passwords
Jason web tokens ( JWTs )
JWTs and mongoose
Using Middleware
Node JS: Deploy ( GIT, Github and Heroku ) [ Legacy ]
Using GIT ( MAC )
Using GIT ( WINDOWS )
Using Github ( MAC )
Using Github ( WINDOWS )
Using Heroku ( MAC )
Using Heroku ( WINDOWS )
Deploy to production
Get it from Github
Final project: The books shelf [ Legacy ]
Intro and installation
Server: Creating the Server
Server: Models and Schemas
Server: Book Routes
Server: Book Routes 2
Server: User Routes
Server: User Routes 2
Server: User Routes 3
Server: Fiishing user Routes
Client: Setup
Client: Header
Client: Sidenav
Client: Home
Client: Home 2
Client: Article view
Client: Article view 2
Client: Login screen
Client: Auth HOC
Client: Auth HOC 2
Client: Add reviews
Client: Add reviews 2
Client: Reviews Panel
Client: Edit Book
Client: Edit Book 2
Client: Quick fix on edit book
Client: Register users
Client: Register users 2
Client: Register users 3
Client: Logout Users
Client: Navitems
Deploy to Heroku
Deploy to Heroku continued
Get it from Github
Webpack
Intro and setup
Loaders
CSS Loaders
Plugins
Webpack and React
Vendor Splitting
Cleaning Bundle and Dynamic links
Webpack dev server
Get it from Github
BONUS: More Redux [ Legacy ]
Using types
Redux form: Intro and set up
Redux form: Validation
Redux form: Posting
Get it from Github
BONUS: ES6 Course
Introduction to ES6
CONST and LET
CONST and LET: Using scope
CONST and LET: Real life example
CONST and LET: Exercise one
CONST and LET: Exercise one - solution
CONST and LET: Exercise two
CONST and LET: Exercise two - solution
Template strings
Template strings 2
Template strings 3
Template strings 4
Template strings: Exercise one
Template strings: Exercise one - solution
Template strings: Exercise two
Template strings: Exercise two - solution
Foreach
Foreach 2
Foreach 3
Foreach: Exercise
Foreach: Exercise - solution
Map
Map 2
Map: Exercise one
Map: Exercise one - solution
Map: Exercise two
Map: Exercise two - solution
Filter
Filter 2
Filter: Exercise one
Filter: Exercise one - solution
Filter: Exercise two
Filter: Exercise two - solution
Find
Find 2
Every & some
Every & some 2
Reduce
Reduce 2
Reduce: Exercise one
Reduce: Exercise one - solution
Reduce: Exercise two
Reduce: Exercise two - solution
For....of
Fat arrow functions
Fat arrow functions 2
Fat arrow functions: Exercise
Fat arrow functions: Exercise solution
Object literals
Object literals 2
Object literals: Exercise
Object literals: Exercise - solution
Default function arguments
Default function arguments - exercise
Default function arguments: Exercise - solution
Rest operator
Spread operator
Rest and Spread: Exercise one
Rest and Spread: Exercise two
Rest and Spread: Exercise two - solution
Classes
Classes 3
Classes 4
Destructuring
Destructuring 2
Destructuring 3
Destructuring 4
Promises and fetch
Promises and fetch 2
Promises and fetch 3
Promises and fetch 4
Strings and numbers
Strings and numbers 2
Modules
Modules 2
Modules 3
Generators
Generators 2
Generators 3
Generators 4
Generators 5
Iterating sets
Iterating map