Modern Web Bootcamp, Design with PHP, SASS, CSS-GRID & FLEX
4.8 (11 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.
2,050 students enrolled

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

Design Stunning Websites With Sass, PHP, CSS-GRID , Flex and Bootstrap . Learn how to use Node js, NPM and PHP
4.8 (11 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.
2,050 students enrolled
Created by Rick Sekuloski
Last updated 10/2019
English [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 24 hours on-demand video
  • 9 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
  • Bootstrap framework and how to use the 12 column grid system
  • 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
Course content
Expand all 106 lectures 23:57:22
+ PHP Crash Course from the Beginning. Learn OOP, Small Crud Application included
29 lectures 07:40:58
Important for those who have problems with PHP and VsCode
Educational and Motivational Lecture
3.Multidimensional, Indexed And Associative Arrays In Php
4. For Loop, While And Do While, Foreach loop For Arrays
5. If, Else, Switch, Comparison And Logical Operatos
6. Functions In Php, Camel Case Explained, Require And Include And Require Once
7. Sending Data To Another Page With Post, Get, Request, Php Self And Security
8.Filter Var, Sanitze, Filter Validate Function Part 1
9. Validate Data Part 2
10. Lets Put Everythuing In Practice, Create a simple project
11. Part 3 Validation Plus Superglobals
12. Session, Session Start, Unset And Destroy
12.Cookies, Set, Delete, Print Them
13. Errors, Fatal, Warning And How To Fix Them
15. Exceptions, Try And Catch Block Plus Custom Exception Class And Handler
15. Starting Book Project, Setting Database, Connectiing It And Create Folder
16. Fixing Problem From Before, And Creating Cards To List Elements From The Db
17. Book Page Is Created, And Using Real Escape String For The First Time
18. Edit Book And Create Session To Notify The User For The Changes
19.Delete, Insert, Image Saving To File And To A Database
20. Php Cheat Sheet, Lot Of Code Plus Php Magic Constants
21. Date And Time In Php, Strtotime Function, Date Function, Time Function
22. Classes, Properties, Set And Get Methods, Constroctor And Access Levels
23. Inheritance, Parent Child Plus Protected Access Level Explained
24. Abstract Classes, How To Extend An Abstract Class
25. Magic Constants, Constructor And Classes in PHP
26. Interface And Polymorhism, Override Methods From The Child Class
+ CSS FLEXBOX from beginner to master. Small Project Layout included
7 lectures 01:36:05
1. Flexbox, Justify-Content, Main-Axis And Cross Axis
2. Align Items And Justify Content
3. Flex Wrap, Align Self, Order And Calc Function
4.Flex Grow, Shrink And Basis
5. Align Content
6. Practice Flexbox And Build Real Website Layout
7.Project Finished
+ CSS GRID Complete Course from the beginner to master. With small project
10 lectures 02:29:27
1.Css Grid Introduction, History, Tables, Flexbox
2. Explicit Vs Implicit
3. Grid Template Columns, Px, Rem ,Em, 1Fr Min Content And Max-Content
4. Grid Rows, Minmax For Rows And Grid Flow, Grid Lines
5. Span And Postion Items In Grid
6.Css Grid Project - Create Amazing Layout Fast
7. Naming Grid Lines And Recreating This Layout
8.Grid Template Areas And Making The Layout
9. Justify And Align Content, Items
10. Grid Area And Justify Items
+ Portfolio Page With PHP, SASS, Flexbox, CSS GRID and Bootstrap
53 lectures 10:22:16
What We Are Going To Build, Header, Menu, Backgound Video Tour
1. Starting Our Portfolio Page, Creating our folder Structure

Watch This lecture because If you can't create the build process with the scripts then you can install latter on vs extension

Important Watch This
2. NodeJs, NPM and writing our scripts for compiling Sass locally
3. Adding Scripts or Task for Creating simple Build Process
4. Finished, Final Build Process is Set and live page view is working
Fix for those who have problems How To Compile Sass With Plugin
5. Starting Our Project. Add video File in the background
6. Styling the video with object fit and create grey overlay with using pseudo
7.Title Box and Heading styled in Typhography section
8. Coding Header and Menu Section
9. Basic reset, border box and box-sizing, plus adding google fonts
10. Menu Styled and Border Box Explained
11.Using pseudo elements to style the hamburger button& hide the chekboxI& float
12. Create horizontal menu and plus making hamburger menu
13. Make hamburger button to work on click, checbox hack
14. Menu Finished, Javascript Function to close the menu
About Me Section Tour
15. About Me Section with css grid
16.About me section recreated with boostrap grid
17. Education section HTML Code
18. Education Section Created with Typhography from Bootstrap
19.Anchor link added and margin and padding to some elements
20. Fixing our design and also creating smooth scrolling with our anchors
Experience Section Tour
21.Experience Section HTML structure
22. Display flex applied to out Experience section
23. Experience section finished to be seen on mobile with 2 lines of code
Gallery Section Tour
24. Gallery Section HTML Code
25.Gallery section Created with css grid techniques
Portfolio Section Tour
25.Portfolio Section HTML Structure
26. Styling the Portfolio section with flexbox
27.Portfolio Almost Done, More styles and making it to look like udemy posts
28. Gallery, Porftolio all styled to be visible with media queries
29.Finished! Youtube Section Added plus box shadow
Contact Me Section Tour
30.Contact Me Section, HTML code and form created
31. Style the form using D-flex
32. Styling the inputs, labels,textarea and etc
33.Form Styled used Pseudo elemets to style focus state of the inputs and area
34. Contact Me Section Finished
Newsletter Section tour
35. Section newsletter, HTML code
36. Subscribe Section Styled and Finished
Footer Section Tour
37.Footer Finished using flex-basis and nth-last-child
38.Lets animate the page using Wow js and Animate css
39. Css Custom Properties or Varibles. Use root variables
40. Loding Animation with google colors
41. Loading Finished with @keyframes animation
+ PHP Section With PDO
7 lectures 01:48:36
1. Start PHP PDO and Creating Database and Tables in Phpmyadmin
2. Install Composer and Use PHPMailer to send emails, Insert new rows in db
3. Setting PHPMailer and fake smtp server to recieve the message
4. Using Redirect, Sessions to notify the user if the email is sent or not
5.More Css Style added in Profile part and Message Styled
6. Subscribe section done with PHP, plus making custom subject for emails
7. Notification closed with javascript setTimeout function
  • Basic HTML skills

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.


  • 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


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

  1. You will learn about the Bootstrap framework and how to use the 12 column grid system.

  2. You will learn how to create a very important build process with installing Nodejs and NPM packages

  3. You will learn how to create animations with @keyframes

  4. Transitions and Transforms

  5. You will learn how to add video in the background

  6. You will learn about opacity, visibility z-index and much more

  7. Box-shadow and Text-Shadow

  8. You will create a responsive website and payouts with media query

  9. You will learn how to use NPM and install packages

  10. You will learn how to use CSS GRID to create layouts very fast

  11. Sass and components

  12. Complete Folder structure and organization

  13. Fixed menu on the top

  14. Checkbox hack for the menu

  15. Parent, Child relationship

  16. BEM methodology

  17. CSS pseudo-class

  18. You will learn how to position items old with the absolute positioning and new way with CSS GRID and Flexbox

  19. You will learn about PHP Object-Oriented Programming

  20. You will learn about Classes in PHP

  21. Sessions and Cookies

  22. PHP Loops

  23. PHP Alerts

  24. PHP Objects

  25. PHP Polymorphism

  26. PHP Inheritance.

  27. PHP Abstract Classes

  28. Design to fit all kinds of screen sizes

  29. Ions and Fonts

  30. PHPMailer

  31. Composer

  32. Emails Sending and Receiving

  33. Create a database and tables

  34. Store information in the tables using PDO named parameters

  35. Javascript time function

  36. Smooth Scrolling

  37. Wow Js

  38. 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

Who this course is for:
  • All Levels