Web development: from beginner to expert. Full Stack

About Course

Welcome to the course! This course is suitable for everyone – both for those who want to become a professional in developing Web applications, and for those who just want to do it as a hobby and make money from it – no programming experience is required.

When you learn to code, you often have to sacrifice learning exciting and modern technologies in favor of courses for beginners. With this course you get the best of both worlds.

This course is designed for beginners, but it covers some of the most interesting and trending topics in the industry. This course is designed for those who want to learn about web development, regardless of previous experience.

Learn both sides of Web development - frontend and backend
Learn to create web pages using HTML markup language
Learn to style websites using CSS
Learn to add interactivity to your sites using JavaScript
Learn to use tools that speed up the website development process - jQuery and Bootstrap
Learn to work with the server side and API using the PHP language
Learn to work with databases using MySQL as an example
Learn the basics of the popular Python language and how you can use it to work with APIs
Learn the basics of Django and how you can use Python in your backend
Learn the basics of the most popular JavaScript library - React

Course Content

Introduction

Introduction
IMPORTANT! FAQ – Frequently Asked Questions
Notes on assignments

HTML5

Installing the development environment
Your first web page
Notes for the lecture “Introducing HTML”
Introduction to HTML
HTML elements
Create markup
Lists
Create lists
Images
Web Code Ninja
Lesson draft
Tables
Forms
Labels
Form Validation
Select element. Sending data
Conclusion

CSS3

What is CSS
Ways to Use CSS
Colors in CSS
, background, border
Using id and class in CSS
Margin
Padding
Float
Notes for the lecture “Position”
Position
font-family
font-size
A little more about text styling
Styling links
Inheritance and specificity
Assignment: Image Gallery
Image Gallery. Project files
Conclusion

JavaScript

Inline, internal, external JavaScript
Primitive data types
Variables
Comments and Inline Methods
Comparison Operators
Operator precedence
Abbreviated form of recording operators
Conditional statement if else
Ternary operator
Switch statement
While loop
For loop
Functions
Function execution result
Functions. Statements vs Expressions
Exercise. Create 3 functions
IsNumberOdd() function
Factorial() function
Variable Scope
Arrays
Array Methods
Objects
Object Methods
Object methods. this
DOM
DOM selector
DOM. Events
DOM. Changing background by event
Conclusion

jQuery

jQuery. Introduction
Beginning of work
Selector
Css() method
Text() method
Html() method
Attr() method
Val() method
Class manipulation methods
Click() method
Keypress() method
On() method
Effects
Shopping List App. Final application code
Shopping List App. Project structure
Shopping List App. HTML markup
Shopping List App. OnClickListener
Shopping List App. stopPropagation()
Shopping List App. Removing an element
Shopping List App
JQuery assignment

Bootstrap

PHP

PHP. Introduction
Installing XAMPP
Hello PHP!
Variables
Arrays
If statement
For loop
While loop
GET
GET. Exercise
POST
POST. Exercise
include(). file_get_contents()
OpenWeatherMap API
Weather App

Working with databases. MySQL

Working with databases. MySQL. Introduction
Database creation
Creating markup
Data extraction
Inserting Data
Read all entries
Data editing
Deleting data
Exercises
Login Task
Login Task. Solution
Session & Cookies
Security
Files for working with MySQL

React Fundamentals

Introduction
What is React.js?
Why Use React?
Creating Single Page Applications (SPAs) with React
React Alternatives (Angular, Vue)
Course Overview
Setting up Development Tools
Basics. Application Code “Expense Accounting”
Basics. Section Brief Overview
Basics. Components – Fundamental Blocks of React Applications
Basics. Declarative Programming
Basics. Creating a Project
Basics. Project preparation
Basics. React Project Overview
Basics. Introducing JSX
Basics. How React Works
Basics. Creating a Component
Basics. More Complex JSX Code
Basics. Adding CSS Styles
Basics. Displaying Dynamic Data in JSX
Basics. Transferring Data Using Props
Basics. JavaScript Logic in Components
Basics. Splitting a Component into Multiple Components
Basics. Composition (props.children)
Basics. First Results
Basics. More about JSX
Basics. Organizing Component Files
Basics. Alternative Function Syntax
Working with Condition. Section Brief Overview
Working with Condition. “Listening” to Events and Working with Event Handlers
Working with Condition. How Functions-Components Are Performed
Working with Condition. useState()
Working with Condition. More about the “useState” Hook”
Working with Condition. Adding an Input Form
Working with Condition. Listening to User Input
Working with Condition. Working with Multiple States
Working with Condition. Communication of Components Heir-Parent (Bottom-Up)
Working with Condition. Raising State Up
Working with Condition. Components – Controlled vs Uncontrolled
Content according to the Terms. Section Brief Overview
Content according to the Terms. Displaying Data Lists
Content according to the Terms. Using Lists with State
Content according to the Terms. Keyse
Content according to the Terms. Displaying Content by Condition
Content according to the Terms. Returning Values by Condition
Content according to the Terms. Adding an Expense Chart
Content according to the Terms. Dynamic Styles
Content according to the Terms. Completing Application Development

Python Basics

Why should you learn Python?
Hello world!
Python Data Types
int & float
Variables in Python
Strings in Python
Indexing & Slicing
String Methods
Ways to format strings
Data structures. Lists
Data structures. Dictionaries
Data structures. Tuples
Data structures. Sets
Booleans. Comparison Operators
and, or, not
Conditional operator
For loop
While loop
Conclusion

Student Ratings & Reviews

No Review Yet