Create a Hotel Booking App with CSS

Focused View

Abdelfattah Ragab

1:02:53

7 View

1. [Page 1] Chapter 1 Preview

1. 1.1 Page outline.mp4

00:35

2. 1.2 Preview (Mobile).mp4

00:48

3. 1.3 Preview (Desktop).mp4

00:35

4.1 Royal Palace.zip

4. Source Code.html

2. Chapter 2 Basic HTML Setup

1. 2.1 html.mp4

00:45

2. 2.2 head (charset and viewport).mp4

00:28

3. 2.3 head (google fonts).mp4

00:38

4. 2.4 head (fontawesome).mp4

00:32

5. 2.5 head (link to the styles file).mp4

01:03

6. 2.6 head (title).mp4

00:30

3. Chapter 3 Basic CSS Setup

1. 3.1 Universal selector reset.mp4

00:32

2. 3.2 html and body.mp4

00:31

4. Chapter 4 Basic Assets Setup

1. 4.1 Images.mp4

01:19

5. Chapter 5 topper

1. 5.1 Preview.mp4

00:24

2. 5.2 Explanation.mp4

00:22

3. 5.3 HTML.mp4

01:35

4. 5.4 CSS.mp4

01:34

6. Chapter 6 header

1. 6.1 Preview.mp4

00:24

2. 6.2 Explanation.mp4

00:23

3. 6.3 HTML.mp4

00:36

4. 6.4 CSS.mp4

01:23

7. Chapter 7 nav

1. 7.1 Preview.mp4

00:35

2. 7.2 Explanation.mp4

00:32

3. 7.3 HTML.mp4

01:26

4. 7.4 CSS.mp4

03:28

8. Chapter 8 Main image

1. 8.1 Preview.mp4

00:26

2. 8.2 Explanation.mp4

00:28

3. 8.3 HTML.mp4

00:38

4. 8.4 CSS.mp4

00:36

9. Chapter 9 Reservation band

1. 9.1 Preview.mp4

00:25

2. 9.2 Explanation.mp4

00:24

3. 9.3 HTML.mp4

02:12

4. 9.4 CSS.mp4

03:18

10. Chapter 10 Intro

1. 10.1 Preview.mp4

00:24

2. 10.2 Explanation.mp4

00:15

3. 10.3 HTML.mp4

00:40

4. 10.4 CSS.mp4

01:43

11. Chapter 11 Rooms

1. 11.1 Preview.mp4

00:25

2. 11.2 Explanation.mp4

00:26

3. 11.3 HTML.mp4

01:40

4. 11.4 CSS.mp4

02:54

12. Chapter 12 footer

1. 12.1 Preview.mp4

00:25

2. 12.2 Explanation.mp4

00:22

3. 12.3 HTML.mp4

02:33

4. 12.4 CSS.mp4

02:26

13. [Page 2] Chapter 13 Preview

1. 13.1 Page outline.mp4

00:25

2. 13.2 Preview (Mobile).mp4

00:28

3. 13.3 Preview (Desktop).mp4

00:23

14. Chapter 14 Basic HTML Setup

1. 14.1 HTML.mp4

01:02

15. Chapter 15 Basic CSS Setup

1. 15.1 CSS.mp4

00:46

16. Chapter 16 header

1. 16.1 Preview.mp4

00:26

2. 16.2 Explanation.mp4

00:12

3. 16.3 HTML.mp4

00:29

4. 16.4 CSS.mp4

00:31

17. Chapter 17 Main layout container

1. 17.1 HTML.mp4

00:33

2. 17.2 CSS.mp4

00:27

18. Chapter 18 Choose your room

1. 18.1 Preview.mp4

00:47

2. 18.2 Explanation.mp4

00:28

3. 18.3 HTML.mp4

03:12

4. 18.4 CSS.mp4

04:55

19. Chapter 19 Aside

1. 19.1 Preview.mp4

00:26

2. 19.2 Explanation.mp4

00:22

3. 19.3 HTML.mp4

01:30

4. 19.4 CSS.mp4

01:53

20. Chapter 20 Conclusion

1.1 Media Attribution.pdf

1. Conclusion.html

Description

Unleashing Creativity and Functionality

What You'll Learn?

Develop a strong foundation in CSS, including selectors, properties, box model, and layout techniques, to effectively style web pages.
Learn and apply advanced CSS concepts such as flexbox, grid layout, transitions, and animations to create visually appealing elements in the hotel booking app.
Gain the skills to create responsive designs that adapt seamlessly to different screen sizes and devices, ensuring a consistent and user-friendly experience for
Gain the skills to create responsive designs that adapt seamlessly to different screen sizes and devices, ensuring a user-friendly experience.
Explore CSS techniques to improve usability and enhance the user experience, including intuitive navigation and clear feedback for user interactions.
Discover techniques to optimize CSS code and improve performance, as well as ensuring accessibility standards are met to provide an inclusive experience for all
Discover techniques to optimize CSS code and improve performance to provide an inclusive experience for all users.
Learn best practices for organizing CSS code, utilizing modular approaches to facilitate code reuse and easy maintenance of the hotel booking app.

Who is this for?

Beginner Web Developers: If you have a basic understanding of HTML and CSS and want to expand your knowledge and skills in CSS by working on practical projects, this course can be a great fit. It will help you gain hands-on experience and build your confidence in styling web interfaces.

Front-End Developers: If you are already working as a front-end developer and want to enhance your CSS skills and explore advanced techniques, this course can provide you with creative project ideas and help you refine your styling abilities.

Web Designers: If you have a background in web design and want to strengthen your CSS skills to create visually appealing and interactive designs, this course can help you dive deeper into CSS concepts and explore innovative techniques for designing engaging web interfaces.

Students and Aspiring Web Developers: If you are a student or someone starting out in web development and want to learn CSS in a practical and project-based manner, this course can provide you with hands-on experience and help you build a portfolio of creative CSS projects.

Professionals Seeking to Refresh or Update CSS Skills: If you have prior experience with CSS but haven't worked with the latest CSS features or techniques, this course can serve as a refresher and help you update your knowledge and skills in CSS.

What You Need to Know?

Basic HTML and CSS Knowledge: A fundamental understanding of HTML and CSS is usually required. Learners should be familiar with HTML tags, attributes, and structure, as well as CSS selectors, properties, and basic styling techniques.

Web Development Fundamentals: It is beneficial to have a basic understanding of web development concepts, including how web pages are structured, how CSS is used to style HTML elements, and how different web technologies (HTML, CSS, JavaScript) interact with each other.

Text Editor or Integrated Development Environment (IDE): Familiarity with a text editor or an IDE for writing HTML, CSS, and JavaScript code is recommended. Popular options include Visual Studio Code, Sublime Text, or Atom.

More details

Description
"Create a Hotel Booking App with CSS" is a comprehensive course that provides learners with the knowledge and skills they need to create a market-ready hotel courseing app using the CSS framework. This course is ideal for students who have a basic understanding of web development and want to take their skills to the next level by mastering CSS and creating professional hotel courseing apps.

This is a practical course. I will not explain CSS in this course, but implement the project from scratch and finish with a fully functional application in less than an hour. You have full control because after the course the application is yours and you can use it as you wish.

In this course, I will show you how to create a professional hotel courseing app. This is a real hotel courseing app that is used in practice and works. I explain how you can create a website like this.

I start from scratch and end up with a fully functional app that you can use as a real hotel courseing app. I focus on the development of the app without going into too much detail to keep the course as lean as possible. By the way: If you want to know more details about a specific CSS topic, there are other courses for that.

What you get in this course is a fully functional application, with explanations on how you can easily and quickly create it yourself. In today's mobile-first world, responsive design is key. That's why our app adapts seamlessly to different screen sizes and devices.

Join us on this transformative learning journey and unleash your creative potential with CSS!

Have fun coding!
Who this course is for:
Beginner Web Developers: If you have a basic understanding of HTML and CSS and want to expand your knowledge and skills in CSS by working on practical projects, this course can be a great fit. It will help you gain hands-on experience and build your confidence in styling web interfaces.
Front-End Developers: If you are already working as a front-end developer and want to enhance your CSS skills and explore advanced techniques, this course can provide you with creative project ideas and help you refine your styling abilities.
Web Designers: If you have a background in web design and want to strengthen your CSS skills to create visually appealing and interactive designs, this course can help you dive deeper into CSS concepts and explore innovative techniques for designing engaging web interfaces.
Students and Aspiring Web Developers: If you are a student or someone starting out in web development and want to learn CSS in a practical and project-based manner, this course can provide you with hands-on experience and help you build a portfolio of creative CSS projects.
Professionals Seeking to Refresh or Update CSS Skills: If you have prior experience with CSS but haven't worked with the latest CSS features or techniques, this course can serve as a refresher and help you update your knowledge and skills in CSS.

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

Abdelfattah Ragab

Instructor's Courses

Angular expert with more than 6 years of experience in Angular and 20 successful Angular projects delivered for clients around the world. Author of numerous courses and books on modern web technologies.Certified Solutions Architect Associate from Amazon AWS, and Certified Software Architect from the University of Alberta.Worked in the fields of Automotive, Banking, Health care, ERP, and Education systems.

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.