Zero to Hero - Learn HTML, CSS & PHP from Basics to Advanced

Focused View

Salamat Khan Shahid

10:30:40

10 View

1. HTML Structure - Front End Website

1.1 download the exercise files from the below link, and follow the instruction guide inside..html

1.2 my-first-project.zip

1. 01-structure Header, Menus and Hero Section.mp4

10:48

2.1 download the exercise files from the below link, and follow the instruction guide inside..html

2. 02- structure hero icons, vertical blog boxes.mp4

10:07

3.1 download the exercise files from the below link, and follow the instruction guide inside..html

3. 03 - Structure Services, Portfolio and Contact Us Section.mp4

16:03

2. CSS Styling - Front End Website

1.1 download the exercise files from the below link, and follow the instruction guide inside..html

1. 04 - CSS header and hero section.mp4

09:57

2.1 download the exercise files from the below link, and follow the instruction guide inside..html

2. 05 - CSS header hero section toggle icon.mp4

10:08

3.1 download the exercise files from the below link, and follow the instruction guide inside..html

3. 06 - CSS header hero section social icons.mp4

07:13

4.1 download the exercise files from the below link, and follow the instruction guide inside..html

4. 07 - CSS blog vertical and services boxes.mp4

10:23

5.1 download the exercise files from the below link, and follow the instruction guide inside..html

5. 08 - CSS blog vertical and service section.mp4

09:39

6.1 download the exercise files from the below link, and follow the instruction guide inside..html

6. 09 - CSS portfolio box section.mp4

09:47

7.1 download the exercise files from the below link, and follow the instruction guide inside..html

7. 10 - CSS portfolio, contact us and footer.mp4

22:40

8.1 download the exercise files from the below link, and follow the instruction guide inside..html

8. 11- CSS mobile responsiveness, toggle icon & JavaScript.mp4

12:00

9.1 download the exercise files from the below link, and follow the instruction guide inside..html

9. 12- CSS mobile responsiveness, blogs to contact us Section.mp4

12:53

3. HTML Structure - Admin Panel

1.1 download the exercise files from the below link, and follow the instruction guide inside..html

1. 01 - HTML Admin Panel - structure.mp4

29:55

2.1 download the exercise files from the below link, and follow the instruction guide inside..html

2. 01.1 - HTML Admin Panel - structure.mp4

09:47

3.1 download the exercise files from the below link, and follow the instruction guide inside..html

3. 01.2 - HTML Admin Panel - structure.mp4

10:04

4.1 download the exercise files from the below link, and follow the instruction guide inside..html

4. 01.3 - HTML Admin Panel - structure.mp4

10:07

4. CSS Styling - Admin Panel

1.1 download the exercise files from the below link, and follow the instruction guide inside..html

1. 02 - CSS admin-header and drop down.mp4

13:10

2.1 download the exercise files from the below link, and follow the instruction guide inside..html

2. 03 -CSS Admin Panel, Sidebar, and Menus.mp4

11:45

3.1 download the exercise files from the below link, and follow the instruction guide inside..html

3. 04 - CSS - Admin blog links & count boxes.mp4

10:54

4.1 download the exercise files from the below link, and follow the instruction guide inside..html

4. 05 -CSS - Admin table and buttons.mp4

09:39

5.1 download the exercise files from the below link, and follow the instruction guide inside..html

5. 06 - CSS Admin video, audio and footer.mp4

04:46

5. HTML Structure and CSS Styling - Admin Login Page

1.1 download the exercise files from the below link, and follow the instruction guide inside..html

1. 07 - HTML Structure Admin Login Page.mp4

08:10

2.1 download the exercise files from the below link, and follow the instruction guide inside..html

2. 07-1 CSS Admin Login Page.mp4

11:48

3.1 download the exercise files from the below link, and follow the instruction guide inside..html

3. 07-2 - CSS - Admin Login Page.mp4

05:58

6. PHP Admin Panel

1.1 download the exercise files from the below link, and follow the instruction guide inside..html

1. 01 - PHP Copy Project Files and Create Database - Users and Image Blog Table.mp4

10:24

2.1 download the exercise files from the below link, and follow the instruction guide inside..html

2. 02 - PHP Create Audio, Video Blog, Services and Portfolio Tables in phpMyadmin.mp4

06:57

3.1 download the exercise files from the below link, and follow the instruction guide inside..html

3. 03 - PHP Create Database Connection to Connect Website to The Database.mp4

07:56

4.1 download the exercise files from the below link, and follow the instruction guide inside..html

4. 04 - PHP Create first Image Blog Page From Admin theme And Add Form.mp4

07:29

5.1 download the exercise files from the below link, and follow the instruction guide inside..html

5. 05 -PHP INSERT image blog into database table.mp4

12:39

6.1 download the exercise files from the below link, and follow the instruction guide inside..html

6. 06 -PHP INSERT Audio blog into database table.mp4

06:27

7.1 download the exercise files from the below link, and follow the instruction guide inside..html

7. 07 -PHP INSERT Video blog into database table.mp4

09:02

8.1 download the exercise files from the below link, and follow the instruction guide inside..html

8. 08 - PHP display image blog in admin index page.mp4

10:40

9.1 download the exercise files from the below link, and follow the instruction guide inside..html

9. 09 - PHP display Video and Audio blog in admin index page table.mp4

05:14

10.1 download the exercise files from the below link, and follow the instruction guide inside..html

10. 10.1 -PHP Delete image blog from admin index page.mp4

09:53

11.1 download the exercise files from the below link, and follow the instruction guide inside..html

11. 10.2 -PHP Delete Audio and Video Blog from Admin Index page.mp4

06:28

12.1 download the exercise files from the below link, and follow the instruction guide inside..html

12. 11 - PHP Delete all three type Blogs - (Reviewed code at the end of the project).mp4

08:25

13.1 download the exercise files from the below link, and follow the instruction guide inside..html

13. 12.1- PHP Update Image blog admin index (part 1).mp4

10:55

14.1 download the exercise files from the below link, and follow the instruction guide inside..html

14. 12.2- PHP Update Image blog admin index (part 2).mp4

09:26

15.1 download the exercise files from the below link, and follow the instruction guide inside..html

15. 12.3- PHP Update Image blog admin index (part 3).mp4

06:56

16.1 download the exercise files from the below link, and follow the instruction guide inside..html

16. 13- PHP Update Video & Audio Blog on Admin index Page.mp4

12:38

17.1 download the exercise files from the below link, and follow the instruction guide inside..html

17. 14 - PHP Display and DELETE services.mp4

08:12

18.1 download the exercise files from the below link, and follow the instruction guide inside..html

18. 15 - PHP INSERT Services.mp4

04:30

19.1 download the exercise files from the below link, and follow the instruction guide inside..html

19. 16 - PHP UPDATE Services.mp4

07:31

20.1 download the exercise files from the below link, and follow the instruction guide inside..html

20. 17 - PHP Display and DELETE Portfolio.mp4

10:48

21.1 download the exercise files from the below link, and follow the instruction guide inside..html

21. 18 - PHP UPDATE Portfolio.mp4

07:00

22.1 download the exercise files from the below link, and follow the instruction guide inside..html

22. 19 - PHP INSERT Portfolio.mp4

05:12

23.1 download the exercise files from the below link, and follow the instruction guide inside..html

23. 20 - PHP Display Admins.mp4

12:57

24.1 download the exercise files from the below link, and follow the instruction guide inside..html

24. 21 - PHP INSERT Admins.mp4

08:42

25.1 download the exercise files from the below link, and follow the instruction guide inside..html

25. 22 - PHP UPDATE Admins.mp4

09:51

26.1 download the exercise files from the below link, and follow the instruction guide inside..html

26. 23.1 - PHP Admin Login to access index - Session Start (Part 1).mp4

10:33

27.1 download the exercise files from the below link, and follow the instruction guide inside..html

27. 23.2 - PHP Admin Login to access index -Session Start (Part 2).mp4

07:12

28.1 download the exercise files from the below link, and follow the instruction guide inside..html

28. 24 - PHP Admin Log Out.mp4

08:20

29.1 download the exercise files from the below link, and follow the instruction guide inside..html

29. 25 - PHP Display Admin Name and Image in the header and sidebar.mp4

07:47

30.1 download the exercise files from the below link, and follow the instruction guide inside..html

30. 26 - PHP Delete Admins.mp4

05:18

31.1 download the exercise files from the below link, and follow the instruction guide inside..html

31. 27 - PHP Display Admins Boxes - Dynamic Total Posts Counts..mp4

12:45

7. PHP - Front End Website

1.1 download the exercise files from the below link, and follow the instruction guide inside..html

1. 28 - PHP Front End Website link logo, hero image and link CSS and JavaScript.mp4

09:01

2.1 download the exercise files from the below link, and follow the instruction guide inside..html

2. 29.1 - PHP Display Image Blog Front End Website (part 1).mp4

09:32

3.1 download the exercise files from the below link, and follow the instruction guide inside..html

3. 29.2 - PHP Display Image Blog Front End Website (part 2).mp4

10:10

4.1 download the exercise files from the below link, and follow the instruction guide inside..html

4. 30 - PHP Display Video Blog - Front End Website.mp4

09:41

5.1 download the exercise files from the below link, and follow the instruction guide inside..html

5. 31.1 - PHP Display Audio Blog and Services in Front End Website (Part 1).mp4

11:08

6.1 download the exercise files from the below link, and follow the instruction guide inside..html

6. 31.2 - PHP Display Audio Blog and Services in Front End Website (Part 2).mp4

08:06

7.1 download the exercise files from the below link, and follow the instruction guide inside..html

7. 32 - PHP Display Portfolio Front End Website.mp4

07:49

8.1 download the exercise files from the below link, and follow the instruction guide inside..html

8. 33.1 - PHP Contact us (part 1).mp4

10:11

9.1 download the exercise files from the below link, and follow the instruction guide inside..html

9. 33.2 - PHP Contact us (part 2).mp4

09:14

Description

Mastering Web Development - Learn Extensive HTML Tags, CSS Properties, and PHP CRUD Operations- Complete CMS Course

What You'll Learn?

Students will attain a thorough understanding of HTML, learning to create well-structured and semantically rich web pages.
students will delve into advanced CSS styling, including the box model, selectors, and responsive design principles.
Students will gain a comprehensive understanding of PHP, progressing from fundamental concepts to advanced topics.
A key outcome of this course is the ability to construct a fully functional CMS from scratch.
The course focuses on honing students' problem-solving skills using PHP. Through coding exercises and projects.
Students will master the art of responsive web design, creating websites that adapt seamlessly to various screen sizes.
The course places a strong emphasis on practical, project-based learning.

Who is this for?

Individuals who aspire to embark on a career in web development and want a comprehensive foundation in HTML, CSS, and PHP to build dynamic and interactive websites.

Front-end developers seeking to enhance their skill set by gaining proficiency in server-side scripting (PHP) and understanding the full web development stack.

Students and beginners and advance Learners with a passion for technology and a desire to learn web development from scratch, progressing from basic HTML and CSS to advanced PHP.

Entrepreneurs and small business owners who want to build and maintain their own websites, gaining the skills to customize and manage content effectively.

Individuals looking to enter the freelance market by acquiring the skills to take on web development projects for clients, including the creation of dynamic websites and content management systems.

Professionals from diverse backgrounds considering a career change into web development, providing a solid foundation to pursue opportunities in the rapidly growing tech industry.

Self-learners and technology enthusiasts who enjoy exploring programming languages and wish to master HTML, CSS, and PHP for personal projects or creative endeavors.

Professionals in related fields, such as marketing or content creation, looking to upgrade their skills to have a more comprehensive understanding of web technologies.

Individuals with a general interest or curiosity about web development, regardless of their background, who want to demystify the process of building websites from scratch.

This course is designed to cater to a diverse audience, accommodating varying levels of expertise—from absolute beginners to those with some prior experience. By providing a structured and hands-on learning experience, the course aims to empower learners to confidently tackle real-world web development challenges and open doors to a multitude of opportunities in the digital landscape.

What You Need to Know?

Students should have a fundamental understanding of using computers, including file management, basic software installation, and navigating the operating system.

A basic knowledge of web browsers and their functions is recommended. Students should be comfortable navigating websites and using search engines.

Familiarity with a text editor (e.g., Visual Studio Code, Sublime Text, or Atom) is beneficial. Students should be able to create and edit text files comfortably.

While not mandatory, having a basic understanding of HTML and CSS concepts can be advantageous. This could include familiarity with HTML tags, document structure, and simple CSS styling.

A positive attitude, a strong desire to learn, and the commitment to complete assignments and projects are essential. Web development requires consistent effort and practice.

A stable internet connection is necessary for accessing course materials, video lectures, and online resources. This will ensure a seamless learning experience throughout the course.

Students should be prepared to install and use a code editor of their choice. Guidance on selecting and installing a suitable code editor will be provided at the beginning of the course

While not mandatory, having a basic understanding of programming concepts such as variables, loops, and conditionals can be helpful in grasping PHP concepts more quickly.

Students should come into the course with a genuine interest in learning PHP, as it forms a significant portion of the curriculum. No prior PHP experience is required, but a positive attitude towards exploring server-side scripting is essential.

More details

Description
Hello future web maestros! I'm Salamat Khan Shahid, your dedicated mentor on this exhilarating expedition into the realms of HTML, CSS, and PHP. Passionate about creating digital magic, I've curated this course to empower you with the essential skills that form the backbone of almost every website out there.
It'll be a transformative learning experience designed to elevate you from a curious learner to a proficient web developer. We'll delve deep into the world of HTML tags, CSS properties, and PHP CRUD operationsâ€”the building blocks of 99% of websites.
You'll Learn
HTML Expertise: Uncover the secrets of extensive HTML tags, empowering you to create structured and semantically rich web pages.
CSS Wizardry: Explore advanced CSS properties to ensure your designs are not just visually appealing but responsive across a multitude of devices.
PHP CRUD Mastery: Master the art of PHP CRUD operationsâ€”Create, Read, Update, and Deleteâ€”an essential skill set for dynamic web applications.
Your Journey to Mastery: Join me on this immersive journey, and I promise you'll emerge with the skills to confidently tackle any PHP project. Whether you dream of joining a tech giant or thriving as a freelance developer, this course is your gateway to success.

What Sets This Course Apart
Project-Centric Learning - Engage in real-world projects to solidify your understanding and enhance practical skills.
Always Up-to-Date: The tech landscape evolves, and so does this course. I'm committed to keeping the content fresh, relevant, and aligned with the latest industry trends.
Why Choose This Course
Comprehensive Curriculum: Covering HTML, CSS, and PHP essentials ensures you build a well-rounded skill set.
Career-Ready Skills: Be prepared to confidently handle any PHP project, whether within an organization or as a freelancing pro.
Supportive Learning Community: Join a community of learners, share insights, and embark on this learning journey together.
Join the Web Revolution: Ready to revolutionize your web development skills? Enroll now and let's craft the future of the internet together. This isn't just a courseâ€”it's your key to unlocking boundless possibilities in web development.
Excited to have you onboard!
Salamat Khan Shahid
Web Developer and Instructor
Who this course is for:
Individuals who aspire to embark on a career in web development and want a comprehensive foundation in HTML, CSS, and PHP to build dynamic and interactive websites.
Front-end developers seeking to enhance their skill set by gaining proficiency in server-side scripting (PHP) and understanding the full web development stack.
Students and beginners and advance Learners with a passion for technology and a desire to learn web development from scratch, progressing from basic HTML and CSS to advanced PHP.
Entrepreneurs and small business owners who want to build and maintain their own websites, gaining the skills to customize and manage content effectively.
Individuals looking to enter the freelance market by acquiring the skills to take on web development projects for clients, including the creation of dynamic websites and content management systems.
Professionals from diverse backgrounds considering a career change into web development, providing a solid foundation to pursue opportunities in the rapidly growing tech industry.
Self-learners and technology enthusiasts who enjoy exploring programming languages and wish to master HTML, CSS, and PHP for personal projects or creative endeavors.
Professionals in related fields, such as marketing or content creation, looking to upgrade their skills to have a more comprehensive understanding of web technologies.
Individuals with a general interest or curiosity about web development, regardless of their background, who want to demystify the process of building websites from scratch.
This course is designed to cater to a diverse audience, accommodating varying levels of expertiseâ€”from absolute beginners to those with some prior experience. By providing a structured and hands-on learning experience, the course aims to empower learners to confidently tackle real-world web development challenges and open doors to a multitude of opportunities in the digital landscape.

User Reviews

Rating

average 0

Total votes0

Focused display

PHP

CSS

HTML5

Salamat Khan Shahid

Instructor's Courses

"I am Salamat Khan Shahid, a proud graduate with a degree in BCE (Bachelor's in Computer Engineering). With over 16 years of rich experience in web development and software engineering, SEO and Social Media Marketing, I have honed my skills to deliver robust and cutting-edge solutions. In addition to my technical expertise, I have seamlessly transitioned into the role of an online teacher, sharing my knowledge with a global audience.Unlike traditional approaches, my teaching style mirrors the natural way by emphasizing immersion and practical application, I create an engaging learning experience that goes beyond conventional methods. Drawing from my extensive experience, I guide students through the intricacies of coding in a way that mirrors real-world applications. Whether it's crafting websites or delving SEO or Social Media Marketing, my teaching philosophy centers on fostering a deep understanding and a hands-on, practical skill set."

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.