Crash Course on Web Frameworks 2019
4.6 (5 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,659 students enrolled

Crash Course on Web Frameworks 2019

Get an introduction into a mysterious (actually not) field of web frameworks
4.6 (5 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,659 students enrolled
Created by Gleb Redko
Last updated 4/2019
English
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Introduction to web frameworks
  • Types of web frameworks
  • Hands-on tutorial creating a web app using Laravel back-end framework
  • Hands-on tutorial creating a web app using React front-end framework
Requirements
  • Basic programming knowledge
  • Basic knowledge of JavaScript and PHP
Description

This Udemy course is based on the module I’ve been teaching to my Bachelor's students. The entry requirement for this course isn’t strict, I believe that everyone having basic programming knowledge of any web related programming languages like

  • PHP

  • JavaScript

  • Python

will be able to cope with this material. This course is also for those who had some experience with Content Management Systems like WordPress and Drupal, but would like to try something more flexible.

In the beginning, I’m gonna give you an overview of the topic and then I’ll explain all the necessary basic steps to choose the right code editor and to set up your development environment. Then we go straight to the development of 2 simple web applications using 2 popular and different type frameworks. One of them is a back-end PHP framework

Laravel

and another one is a front-end JavaScript

React

framework. Exploring the features of these 2 popular frameworks will give you a notion of basic nature behind back-end and front-end frameworks

Who this course is for:
  • All those who have basic knowledge in web development
  • Had some experience with CMSs like WordPress and Drupal, but would like to try something more flexible
  • Interested in a trending field of web frameworks
Course content
Expand all 18 lectures 01:31:26
+ Introduction
1 lecture 01:33

In the first video I'm talking about myself.

Preview 01:33
+ Why Frameworks?
2 lectures 12:39

This is an introduction into a mysterious field of web frameworks.

Why Frameworks?
09:10

In this lecture I'm talking about how important it is to get a good and smart code editor before you start.

Choosing the right code editor
03:29
+ Making a bookmarks app using Laravel framework
10 lectures 44:16
Laravel Installer
02:00

Let's setup a local server to run our PHP framework!

Setting a local server using MAMP
02:15

Using laravel installer to generate an app. Alias: setting our MAMP to be use a sub directory

Generating an app in one click
04:07

Exploring the generated app, configuring database, generating user login

Configuring our newly generated app generating user login/registration
06:27

Let's explore migrations and prepopulate our database with some fake data

Adding migrations and seeder
09:08

Adding a new route

Preview 02:14

Adding some front-end logic to our app

List and Form
07:35

Adding Controller to take things under control

Preview 03:24

Adding validation to our input form

Validating Input
02:36

Testing and fixing

Bug fixes
04:30
+ Making a to-do list app using React JavaScript framework
5 lectures 32:58

Setting up Node.js server, npm and generating an empty app in one click (what we like)

Setting up our React
02:28

Adding a component with our input form

Preview 05:40

Input handling and making a list of items

Making a list
15:27

Is that an everlasting list? What about removing items?

Remove items functionality
04:03

Integrating Bootstrap 4 to make the app look like a charm

Bringing in some css beauty using Bootstrap 4
05:20