Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Full Stack Web Development

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
Rating: 4.5 out of 54.5 (16 ratings)
2,089 students
Created by Rick Sekuloski
Last updated 9/2020
English
English [Auto]
30-Day Money-Back Guarantee

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

6 sections • 118 lectures • 26h 3m total length

  • Preview08:15
  • Important for those who have problems with PHP and VsCode
    08:47
  • Educational and Motivational Lecture
    03:06
  • Preview13:44
  • 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

  • 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

  • 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

  • What We Are Going To Build, Header, Menu, Backgound Video Tour
    01:15
  • 1. Starting Our Portfolio Page, Creating our folder Structure
    09:01
  • 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
  • Education Section Tour
    00:45
  • 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

  • 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

  • 0. Very Important First Lecture How To Get The Maximum Of This Course
    05:22
  • 1-Laravel Introduction And Advantages Of Using It To Build Applications
    11:29
  • 2. Tools Neded
    06:15
  • 3 Create Our Project And How To Use Different Versions-8
    09:49
  • 4. Ways We Can View Our Project
    11:16
  • 5.Laravel Folder Structure Introduction
    15:06
  • 6.Views And Routes
    13:17
  • 7.Controllers And Methods
    15:42
  • 8.Passing Parameters Into Views Using Compact And With
    14:12
  • 9.Css And Javascript Scaffolding
    07:10
  • 10.Blade Templating And Passing Parameters Into The View
    15:17

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

Instructor

Rick Sekuloski
Web Developer and Programmer
Rick Sekuloski
  • 4.5 Instructor Rating
  • 146 Reviews
  • 10,161 Students
  • 3 Courses

Hi, everyone my name is Rick! I have joined Udemy because I want to share my passion for teaching the latest and most modern techniques with my students .

I'm a full-stack web developer and designer that will always try to build beautiful projects from scratch, meaning I'm very detailed when I start working on a project. I've been building websites and apps since my early days at University. I have finished bachelor of Information Technology in Macedonia and I also have finished a Master's degree in Information Technology Studies in Federation University Australia.

So passion for creating good websites is something that started when I was at Uni. Also today I'm preparing students with their English. So i can proudly say that I teach students that want to take IELTS,TOEFL,PTE and AEAS tests. These tests are essential for enrolling in schools/universities.  Trust me I know how hard is to go in foreign country and start your education and your life there from scratch. I'm real proof that international students in Australia can thrive and be successful. 

Because I'm used to do things for scratch and I want to help others that is why I choose Udemy as my platform so I can reach out to my students.

What I will offer to you my friends, students and colleagues.


I will teach you how to built advanced HTML and CSS projects. I know how hard is to start.

Looking to get your first job offer if you are student or finished your studies? So my course will aim for that. I know it is hard to find job now even for experienced IT people. Lot of competition out there so we need to give our best.

What to learn JavaScript,Ajax, JQuery and Advanced PHP PDO where security is the number one key?


Then don't waste your time take my course and learn new skills that will take you to the next level. I wish I had courses like the way I do so my life would have been much easier now.

So if you are reading this you are in much, much better position than I was when I was starting to learn new concepts.

I wish you all the best in your life and hopefully see you soon.

Regards,

Rick

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.