Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Complete Web Development: React 18, HTML, Vue.js, PHP, MySQL

via Udemy

Overview

React, HTML5, CSS3, JavaScript, jQuery, VueJS, AJAX, PHP, CLI, NPM, Babel, Webpack, MySQL, OOP, Node.js and Express.js

What you'll learn:
  • Develop the ability of solving problems by yourself
  • Master HTML, CSS, JS, and Vuejs
  • Create 12+ Front-end APPs using HTML, CSS, JS, jQuery and Vuejs
  • Create 12+ Back-end APPs using PHP and MySQL
  • Create responsive and retina-ready web pages
  • Operate MySQL database
  • Master advanced MySQL operation such as transaction, prepared statement, pagination, etc.
  • Create a memebership system
  • Master image-processing skills like CAPTCHA, thumbnail, watermark and image cropper
  • Master Command Line Instrument
  • Master NPM
  • Master Babel
  • Master Webpack
  • Being able to create modern front-end apps using single-file components
  • Master Vue
  • TCP/IP protocol suite
  • Data structure

What you will learn from this course:

  1. React 18

  2. HTML

  3. CSS

  4. JavaScript

  5. Responsive Web Page

  6. Ajax

  7. jQuery

  8. fontawesome

  9. Vue.js

  10. animate.css

  11. PHP

  12. MySQL

  13. Command Line

  14. NPM

  15. Babel

  16. Webpack

  17. ES6 Import and export

  18. VueJSCLI

  19. Vue.js single-file components

  20. VueRouter

  21. Advanced JavaScript:scope, scope chain, JavaScript Garbage Collection, Closure, IIFE(Instantly Invoked Function Expression), THIS, etc.

  22. Express.js

All subjects are taught from ground zero. Therefore, no previous coding experience is needed.

Based on user feedback andtech development, we will keep adding new content to our course. For example, we just added content teaching Vue.js.

For better user experience, all course content is voiced by professional voice-over artists.Therefore, new content may be voiced by a different voice artist.

Why not learn from free YouTube videos, manuals, and online tech blogs?

Web development has been a popular area for years. The internet has accumulated tons of free tutoring videos and materials. Some of them are actually really good!

Even if you are stuck with questions you cannot solve, just post them on StackOverflow, you will have your answers within a few minutes. The answers you get are also really great!

With all the free tutoring materials and teachers, what is the point of creating this paid online course?

It depends on your own situation and what you want.

If you already have lots of coding experience, then learning web development is actually very simple for you. All you need is to familiarize yourself with a new set of coding grammar and functions.

But if you have no coding experience before, then learning to code can be rather challenging. In this case, you will find that learning from a well-designed course can make your life a lot easier. You will make faster progress as well.

If you just want to have a rough idea of how web apps work and create some basic programs, then there is really no need for you to pay for any courses. Free internet information is more than enough to meet your demands.

If you want to be able to turn your design and idea into programs that arealso safeandefficientenough to beapplied in real life, and most importantly, you want to do this as soon as possible, then learning from a well-designed and considerate course is your best choice.

You will be shown directly where the best route is. With all the detours being avoided, you can therefore save lots of time and effort.

Why us:

Most online students can only devote partly to their studies. They still have other things going on in their life. Their study will often be interrupted.

We believe this is also a situation most of our students are facing.

Therefore, when designing course content, we have arranged lots of review sessions. In our Vue course, we even ask you to take photos of screenshots.

All our projects will be broken into small bits. We only focus on one bit at a time. In the end, we will combine everything together and create complicated APPs.

Every time previous knowledge is needed, we will either remind you to review previous lessons or directly give you a review to fresh your memory.

In this way, we can keep strengthening the foundation while putting more weight on it. Eventually, you will master everything we cover in this course.

In summary, explaining new knowledge to you is NOT our goal. Our goal is to help you master new knowledge as well and fast as possible.

Syllabus

  • Complimentary Section: React 18 Course
  • Basic Computing Knowledge
  • Basic TCP/IP knowledge
  • Basic web hardware knowledge
  • Start coding and working on the invisible part
  • Creating the visible part
  • CSS: Cascading Style Sheet
  • Vital Difference between BLOCK and INLINE tags
  • Image Display and things you should pay attention to
  • Collect data: FORM and INPUT
  • URL, External CSS and Comments
  • Hyperlink and Anchor
  • TEXT-ALIGN and its challenges and applications
  • Margin and its bugs, challenges, solutions and applications
  • POSITION and its challenges, solutions and applications
  • FLOAT and its challenges, solutions and applications
  • Challenge your front-end skills and understanding of FLOAT and POSITION
  • Apply what you have learnt and create projects
  • Fontawesome: an awesome ICON image solution
  • Responsive and retina-ready web page design
  • JavaScript DOM
  • jQuery
  • Ajax
  • Advanced JavaScript
  • ES6+ New Syntax
  • Destructuring Assignment
  • JavaScript Object Prototype Chain
  • VUE.JS: Introduction and Getting started
  • VUE.JS: Directives: v-bind and v-for
  • VUE.JS: Apply what you have learnt and create a BBC news reading block
  • VUE.JS: Exploring the Proxy feature
  • VUE methods and conditional rendering
  • VUE.JS: collecting user-submitted data using v-model
  • VUE.JS: apply what you have learnt-- generating a list dynamically
  • VUE.JS: Computed and Filter
  • VUE.JS: Controlling CSS using v-bind
  • VUE.JS: create a project-- remaining character counter
  • VUE.JS: Introduction to Components
  • VUE.JS: Sending external data into a component
  • VUE.JS: Sending data out of a component
  • VUE.JS: the TRUTH of the v-model directive
  • VUE.JS: Complicated Project: Cost Calculator
  • VUE.JS: Slots
  • VUE.JS: Exchanging data between sibling components-- Central Event Bus
  • VUE.JS: Creating a news reading and editing APP
  • VUE.JS: New contents added by Vue 2.3: .sync modifier and model option
  • VUE.JS: Scoped slots
  • VUE.JS: Component Miscellaneous
  • VUE.JS: API and reactivity in depth
  • VUE.JS: Transition Effects

Taught by

OnlyKiosk Tech

Reviews

4.5 rating at Udemy based on 1180 ratings

Start your review of Complete Web Development: React 18, HTML, Vue.js, PHP, MySQL

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.