Modern Web Bootcamp, Design with PHP, SASS, CSS-GRID & FLEX

Modern Web Bootcamp, Design with PHP, SASS, CSS-GRID & FLEX, available at $19.99, has an average rating of 4.15, with 119 lectures, based on 21 reviews, and has 2110 subscribers.

You will learn about Bootstrap framework and how to use the 12 column grid system CSS GRID Flexbox PHP, OOP PHP PDO and MySql Database Align and Justify Content with Flexbox and CSS-GRID Sass, Compile Sass locally Complete Folder structure and organization Transitions and Transforms NodeJs and NPM to install packages BEM methodology Absolute, Relative and Fixed positioning CSS pseudo-class Custom properties ( CSS variables or cascading variables) Animations with @keyframes BEM methodology CSS pseudo-class Classes in PHP Sessions and Cookies PHP Loops PHP Alerts PHP Objects PHP Polymorphism PHP Inheritance. PHPMailer Install packages with Composer Javascript time function Smooth Scrolling Wow Js Animate CSS This course is ideal for individuals who are All Levels It is particularly useful for All Levels.

Enroll now: Modern Web Bootcamp, Design with PHP, SASS, CSS-GRID & FLEX

Summary

Title: Modern Web Bootcamp, Design with PHP, SASS, CSS-GRID & FLEX

Price: $19.99

Average Rating: 4.15

Number of Lectures: 119

Number of Published Lectures: 118

Number of Curriculum Items: 119

Number of Published Curriculum Objects: 118

Original Price: A$199.99

Quality Status: approved

Status: Live

What You Will Learn

Bootstrap framework and how to use the 12 column grid system
CSS GRID
Flexbox
PHP, OOP
PHP PDO and MySql Database
Align and Justify Content with Flexbox and CSS-GRID
Sass, Compile Sass locally
Complete Folder structure and organization
Transitions and Transforms
NodeJs and NPM to install packages
BEM methodology
Absolute, Relative and Fixed positioning
CSS pseudo-class
Custom properties ( CSS variables or cascading variables)
Animations with @keyframes
BEM methodology
CSS pseudo-class
Classes in PHP
Sessions and Cookies
PHP Loops
PHP Alerts
PHP Objects
PHP Polymorphism
PHP Inheritance.
PHPMailer
Install packages with Composer
Javascript time function
Smooth Scrolling
Wow Js
Animate CSS

Who Should Attend

All Levels

Target Audiences

All Levels

Welcome To Modern Web Bootcamp, Design With Sass, PHP, CSS-GRID, Flex, and Bootstrap. Learn how to use Node js, NPM, and PHP!

This course will offer around 100 lectures and lifetime access to more than 21 hours of HD quality videos at this moment.

Requirements:

You will learn PHP front to Back from the beginning
Basic HTML, CSS and PHP skills are desirable, but anyone basically can follow me on this course. No need for buying any extra software, your computer and text editor for writing the code will be sufficient.
You Will learn about Flexbox and CSS-Grid from the begining

Description

The aim of this course is to help anyone that wants to create stunning websites for its business or as a portfolio page so you can attract more customers.

This course will help everyone that wants to learn how to create modern and fancy websites. There will be 3 crash courses at the moment and I’m planning to create more crash courses in the future.

So Have you have been taking courses that are not up to date or courses that after finishing them you will immediately know that is not what they promised to be in the promo video?

Great news: Then This Is The Right Course For You!

This course if for every IT developer working or for every student out there that want to land is its dream job. It will take you from the basics until the very advanced stages of designing and programming.

Welcome to the best and “Modern Web Bootcamp, Design with PHP, SASS, CSS-GRID & FLEX, course ever“.

This is the most advanced, the most modern, and the most up to date course ever on this platform. It’s everything you need to become master and advance your career as a graduate student, junior developer or programmer.

Look at the end of why I create this course to be for everyone.

There are multiple parts to this course.

1.The first part is for absolute beginners in PHP, starting from the basics like variables, to handling errors and creating simple CRUD application.

2. Second is designing layouts with Flexbox highly used by Boostrap

3. The third part is CSS-GRID

4. The fourth part is creating a modern website for your portfolio or company needs

What You Will Learn in this course

You will learn about the Bootstrap framework and how to use the 12 column grid system.
You will learn how to create a very important build process with installing Nodejs and NPM packages
You will learn how to create animations with @keyframes
Transitions and Transforms
You will learn how to add video in the background
You will learn about opacity, visibility z-index and much more
Box-shadow and Text-Shadow
You will create a responsive website and payouts with media query
You will learn how to use NPM and install packages
You will learn how to use CSS GRIDto create layouts very fast
Sassand components
Complete Folder structure and organization
Fixed menuon the top
Checkbox hack for the menu
Parent, Child relationship
BEMmethodology
CSS pseudo–class
You will learn how to position items old with the absolute positioning and new way with CSS GRID and Flexbox
You will learn about PHP Object-Oriented Programming
You will learn about Classes in PHP
Sessions and Cookies
PHP Loops
PHP Alerts
PHP Objects
PHP Polymorphism
PHP Inheritance.
PHP Abstract Classes
Design to fit all kinds of screen sizes
Ions and Fonts
PHPMailer
Composer
Emails Sending and Receiving
Create a database and tables
Store information in the tables using PDO named parameters
Javascript time function
Smooth Scrolling
Wow Js
Animate CSS

=======================================In future without Time Frame================================================

1.I will include more crash course like Laravel from the begining

2. All advanced course I create you will have the chance to see what I will do there with small crash course so if you are intereted then you can continue with your studies with me

My promise to you?

I will always try to make you happy during the entire course, maybe sometimes over boring but that’s me. I know that life is hard on its own and everyone has it’s own problems so sharing info about my day and wishing you to be strong and positive is something that I will do in the lectures. It’s never about how much money I will make from this course, it’s what you will get out of this course. So promise that I will update the course constantly and listen to your requests and desires.

There will be a Q&A section where I want you to be involved and interactive with other students

My Style

I like to create things and achieve things that most of the people think that it’s not possible or I’m not able to do this by myself. So don’t be the person that will listen to others and never take the step forward. What i suggest is to listen to what your heart & guts tells you and follow them.

My Goal

My goal is to make you a better programmer/designer and developer so you can get your dream job, get more money or even start your eCommerce or any other business with my help.

So, should you take this course?

The answer is a big YES YES YES!

Are there any course requirements or prerequisites?

Basic HTML, CSS and PHP skills are desirable, but anyone basically can follow me on this course. No need for buying any software, your computer and text editor for writing the code will be sufficient.

Who this course is for:

This course has been created to assist students, IT graduates, IT developers at varying levels of expertise that want to upskill in both Advanced CSS and Advanced PHP PDO

Course Curriculum

Chapter 1: PHP Crash Course from the Beginning. Learn OOP, Small Crud Application included

Lecture 1: 1.What Is PHP And Install Xamp And Apache Server locally

Lecture 2: Important for those who have problems with PHP and VsCode

Lecture 3: Educational and Motivational Lecture

Lecture 4: 2.Variables, Vscode text editor And Create Our First Folders Structure

Lecture 5: 3.Multidimensional, Indexed And Associative Arrays In Php

Lecture 6: 4. For Loop, While And Do While, Foreach loop For Arrays

Lecture 7: 5. If, Else, Switch, Comparison And Logical Operatos

Lecture 8: 6. Functions In Php, Camel Case Explained, Require And Include And Require Once

Lecture 9: 7. Sending Data To Another Page With Post, Get, Request, Php Self And Security

Lecture 10: 8.Filter Var, Sanitze, Filter Validate Function Part 1

Lecture 11: 9. Validate Data Part 2

Lecture 12: 10. Lets Put Everythuing In Practice, Create a simple project

Lecture 13: 11. Part 3 Validation Plus Superglobals

Lecture 14: 12. Session, Session Start, Unset And Destroy

Lecture 15: 12.Cookies, Set, Delete, Print Them

Lecture 16: 13. Errors, Fatal, Warning And How To Fix Them

Lecture 17: 15. Exceptions, Try And Catch Block Plus Custom Exception Class And Handler

Lecture 18: 15. Starting Book Project, Setting Database, Connectiing It And Create Folder

Lecture 19: 16. Fixing Problem From Before, And Creating Cards To List Elements From The Db

Lecture 20: 17. Book Page Is Created, And Using Real Escape String For The First Time

Lecture 21: 18. Edit Book And Create Session To Notify The User For The Changes

Lecture 22: 19.Delete, Insert, Image Saving To File And To A Database

Lecture 23: 20. Php Cheat Sheet, Lot Of Code Plus Php Magic Constants

Lecture 24: 21. Date And Time In Php, Strtotime Function, Date Function, Time Function

Lecture 25: 22. Classes, Properties, Set And Get Methods, Constroctor And Access Levels

Lecture 26: 23. Inheritance, Parent Child Plus Protected Access Level Explained

Lecture 27: 24. Abstract Classes, How To Extend An Abstract Class

Lecture 28: 25. Magic Constants, Constructor And Classes in PHP

Lecture 29: 26. Interface And Polymorhism, Override Methods From The Child Class

Chapter 2: CSS FLEXBOX from beginner to master. Small Project Layout included

Lecture 1: 1. Flexbox, Justify-Content, Main-Axis And Cross Axis

Lecture 2: 2. Align Items And Justify Content

Lecture 3: 3. Flex Wrap, Align Self, Order And Calc Function

Lecture 4: 4.Flex Grow, Shrink And Basis

Lecture 5: 5. Align Content

Lecture 6: 6. Practice Flexbox And Build Real Website Layout

Lecture 7: 7.Project Finished

Chapter 3: CSS GRID Complete Course from the beginner to master. With small project

Lecture 1: 1.Css Grid Introduction, History, Tables, Flexbox

Lecture 2: 2. Explicit Vs Implicit

Lecture 3: 3. Grid Template Columns, Px, Rem ,Em, 1Fr Min Content And Max-Content

Lecture 4: 4. Grid Rows, Minmax For Rows And Grid Flow, Grid Lines

Lecture 5: 5. Span And Postion Items In Grid

Lecture 6: 6.Css Grid Project – Create Amazing Layout Fast

Lecture 7: 7. Naming Grid Lines And Recreating This Layout

Lecture 8: 8.Grid Template Areas And Making The Layout

Lecture 9: 9. Justify And Align Content, Items

Lecture 10: 10. Grid Area And Justify Items

Chapter 4: Portfolio Page With PHP, SASS, Flexbox, CSS GRID and Bootstrap

Lecture 1: What We Are Going To Build, Header, Menu, Backgound Video Tour

Lecture 2: 1. Starting Our Portfolio Page, Creating our folder Structure

Lecture 3: Important Watch This

Lecture 4: 2. NodeJs, NPM and writing our scripts for compiling Sass locally

Lecture 5: 3. Adding Scripts or Task for Creating simple Build Process

Lecture 6: 4. Finished, Final Build Process is Set and live page view is working

Lecture 7: Fix for those who have problems How To Compile Sass With Plugin

Lecture 8: 5. Starting Our Project. Add video File in the background

Lecture 9: 6. Styling the video with object fit and create grey overlay with using pseudo

Lecture 10: 7.Title Box and Heading styled in Typhography section

Lecture 11: 8. Coding Header and Menu Section

Lecture 12: 9. Basic reset, border box and box-sizing, plus adding google fonts

Lecture 13: 10. Menu Styled and Border Box Explained

Lecture 14: 11.Using pseudo elements to style the hamburger button& hide the chekboxI& float

Lecture 15: 12. Create horizontal menu and plus making hamburger menu

Lecture 16: 13. Make hamburger button to work on click, checbox hack

Lecture 17: 14. Menu Finished, Javascript Function to close the menu

Lecture 18: About Me Section Tour

Lecture 19: 15. About Me Section with css grid

Lecture 20: 16.About me section recreated with boostrap grid

Lecture 21: Education Section Tour

Lecture 22: 17. Education section HTML Code

Lecture 23: 18. Education Section Created with Typhography from Bootstrap

Lecture 24: 19.Anchor link added and margin and padding to some elements

Lecture 25: 20. Fixing our design and also creating smooth scrolling with our anchors

Lecture 26: Experience Section Tour

Lecture 27: 21.Experience Section HTML structure

Lecture 28: 22. Display flex applied to out Experience section

Lecture 29: 23. Experience section finished to be seen on mobile with 2 lines of code

Lecture 30: Gallery Section Tour

Lecture 31: 24. Gallery Section HTML Code

Lecture 32: 25.Gallery section Created with css grid techniques

Lecture 33: Portfolio Section Tour

Lecture 34: 25.Portfolio Section HTML Structure

Lecture 35: 26. Styling the Portfolio section with flexbox

Lecture 36: 27.Portfolio Almost Done, More styles and making it to look like udemy posts

Lecture 37: 28. Gallery, Porftolio all styled to be visible with media queries

Lecture 38: 29.Finished! Youtube Section Added plus box shadow

Lecture 39: Contact Me Section Tour

Lecture 40: 30.Contact Me Section, HTML code and form created

Lecture 41: 31. Style the form using D-flex

Lecture 42: 32. Styling the inputs, labels,textarea and etc

Lecture 43: 33.Form Styled used Pseudo elemets to style focus state of the inputs and area

Lecture 44: 34. Contact Me Section Finished

Lecture 45: Newsletter Section tour

Lecture 46: 35. Section newsletter, HTML code

Lecture 47: 36. Subscribe Section Styled and Finished

Lecture 48: Footer Section Tour

Lecture 49: 36.Footer

Lecture 50: 37.Footer Finished using flex-basis and nth-last-child

Instructors

Rick Sekuloski
Web Developer and Programmer

Rating Distribution

1 stars: 1 votes
2 stars: 2 votes
3 stars: 0 votes
4 stars: 3 votes
5 stars: 15 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu