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
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
  • 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
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
08:47
Educational and Motivational Lecture
03:06
3.Multidimensional, Indexed And Associative Arrays In Php
14:15
4. For Loop, While And Do While, Foreach loop For Arrays
12:00
5. If, Else, Switch, Comparison And Logical Operatos
06:20
6. Functions In Php, Camel Case Explained, Require And Include And Require Once
13:27
7. Sending Data To Another Page With Post, Get, Request, Php Self And Security
20:14
8.Filter Var, Sanitze, Filter Validate Function Part 1
21:42
9. Validate Data Part 2
21:36
10. Lets Put Everythuing In Practice, Create a simple project
24:31
11. Part 3 Validation Plus Superglobals
15:21
12. Session, Session Start, Unset And Destroy
23:21
12.Cookies, Set, Delete, Print Them
07:40
13. Errors, Fatal, Warning And How To Fix Them
11:37
15. Exceptions, Try And Catch Block Plus Custom Exception Class And Handler
19:12
15. Starting Book Project, Setting Database, Connectiing It And Create Folder
23:21
16. Fixing Problem From Before, And Creating Cards To List Elements From The Db
22:12
17. Book Page Is Created, And Using Real Escape String For The First Time
15:03
18. Edit Book And Create Session To Notify The User For The Changes
23:28
19.Delete, Insert, Image Saving To File And To A Database
27:56
20. Php Cheat Sheet, Lot Of Code Plus Php Magic Constants
12:26
21. Date And Time In Php, Strtotime Function, Date Function, Time Function
20:03
22. Classes, Properties, Set And Get Methods, Constroctor And Access Levels
24:10
23. Inheritance, Parent Child Plus Protected Access Level Explained
15:47
24. Abstract Classes, How To Extend An Abstract Class
10:52
25. Magic Constants, Constructor And Classes in PHP
08:25
26. Interface And Polymorhism, Override Methods From The Child Class
12:07
+ CSS FLEXBOX from beginner to master. Small Project Layout included
7 lectures 01:36:05
1. Flexbox, Justify-Content, Main-Axis And Cross Axis
21:43
2. Align Items And Justify Content
06:59
3. Flex Wrap, Align Self, Order And Calc Function
17:56
4.Flex Grow, Shrink And Basis
11:23
5. Align Content
07:42
6. Practice Flexbox And Build Real Website Layout
23:15
7.Project Finished
07:07
+ CSS GRID Complete Course from the beginner to master. With small project
10 lectures 02:29:27
1.Css Grid Introduction, History, Tables, Flexbox
09:14
2. Explicit Vs Implicit
05:50
3. Grid Template Columns, Px, Rem ,Em, 1Fr Min Content And Max-Content
26:05
4. Grid Rows, Minmax For Rows And Grid Flow, Grid Lines
18:28
5. Span And Postion Items In Grid
17:03
6.Css Grid Project - Create Amazing Layout Fast
17:54
7. Naming Grid Lines And Recreating This Layout
17:57
8.Grid Template Areas And Making The Layout
08:11
9. Justify And Align Content, Items
20:38
10. Grid Area And Justify Items
08:07
+ 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
01:15
1. Starting Our Portfolio Page, Creating our folder Structure
09:01

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

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

  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