Course HTML/CSS Advanced
Interactive HTML/CSS Advanced Course
Take your website design skills to the next level with our HTML/CSS Advanced course. You will learn how to transform Figma designs into stunning, responsive web pages. This course will also cover topics such as transitions, flexbox, grid, and media queries.
Preview first lesson free
- 162 lessons
- 60 videos
This course includes
- AI Tutor in every lesson
- Certificate on completion
- 30-day money-back guarantee
What you'll learn
In HTML and CSS lessons you will learn:
- How to layout blocks on a website using Grid
- What is Flexbox and how Flexbox simplifies the positioning of blocks on a website
- How to create adaptive layout
- Learn to use the ::after and ::before pseudo-elements
- How to connect external CSS styles to the site, as well as Javascript scripts and libraries
- Learn to use the popular code editor Visual Studio Code
- Explore the Grid System
- Learn to embed video on your website
- Learn CSS animation and also learn how to animate SVG elements
Having studied modern website layout, you will be able to create website layouts of any complexity. The KinoMonster website layout will be available in the popular design and prototyping program Figma.
Course curriculum
60 videos · 102 interactive lessons
Module 1 — About the HTML/CSS Advanced Course1 lessons
Module 2 — Installing the Programs for the HTML/CSS Advanced Course2 lessons
Module 3 — Basic HTML37 lessons
Module 4 — HTML5 Page Structure for Website Layout3 lessons
Module 5 — Basic CSS21 lessons
Module 6 — CSS Positioning of HTML Elements (Basics)14 lessons
Module 7 — CSS Positioning: Flexbox7 lessons
Module 8 — CSS Grid Positioning24 lessons
Module 9 — CSS Grid Positioning. Practical Part6 lessons
Module 10 — Adding Custom Fonts to a Website4 lessons
Module 11 — Responsive Website Layout9 lessons
Module 12 — Practical Part: Getting Started with Figma2 lessons
Module 13 — Practice: Building the Header (Top Section of the Site)3 lessons
Module 14 — Practical Part: Building the Footer (the bottom section of the site)2 lessons
Module 15 — Practical Section: Building the Movies and TV Shows Block5 lessons
Module 16 — Practical Part: Building the Hero Block8 lessons
Module 17 — Practical Section: Adapting the Layout for Mobile Devices6 lessons
Module 18 — Practical Project: Movie and TV Show Viewing Page4 lessons
Module 19 — Practice: Building the Login and Register Pages4 lessons
Reviews (0)
Reviews from students
Frequently asked questions
How is the training going?
The training is divided into video lectures, interactive tasks and tests. In video lectures you receive theoretical material and, with the help of interactive tasks, reinforce the theory in practice. You write code directly in the browser and instantly get the result of checking your code - whether it is correct or not. Almost every lesson has links to additional materials and source code.
When does the training start? Do I need to wait for the group to be full?
Immediately after payment, you will receive full access to this course without any delay.
Will I receive a certificate after completing the course?
Yes! For successful completion of each course, you will receive a certificate. All certificates received for courses can be found in your profile.
Why is the price so low?
One of the missions of the FructCode project is to make expensive IT education accessible to everyone!
Are the courses up-to-date?
Yes! Courses on the FructCode platform are updated quite often, including source codes. Please note that courses marked as 'DEPRECATED' are not updated.
What equipment is needed to take the course?
You can access FructCode courses on any operating system, including Windows, Mac OS, or Linux, as well as on mobile devices. For the best experience, we recommend using a monitor with a screen resolution of at least 1920x1080.
What should I do if I face difficulties during a task in training?
If you encounter difficulties while working on an assignment during the course, or if you have a question about the course content, feel free to reach out in the FructCode community at https://fructcode.com/en/qa/. Other students who have successfully tackled the same assignment will be there to assist you.
What is XP and why is it needed?
XP stands for 'experience' and is earned by successfully completing tasks. The more XP you accumulate, the more experienced you become in programming.
How can I participate in the rating?
The overall rating encompasses all actively engaged users in the training program. It is updated once daily.
I found your courses on other sites. Is there a difference in where I study?
Yes! Only on FructCode.com can you access the latest versions of my courses. On other sites, you might find pirated, older, or outdated versions, which may lead to errors due to changes in programming. When you purchase my courses on FructCode.com, you're not just investing in your knowledge, but also supporting the creation of new courses.
What if the course is not suitable for me or I don't like it?
If you realize within 30 days from the date of purchase that the course isn't a good fit for you, you can request a full refund. To do so, please contact support at info@fructcode.com.
What should I do if my video lecture doesn't work or the assignment doesn't open?
The most common reason for this issue is the presence of browser extensions like Adblock. If you encounter a technical problem, please reach out to our support team at info@fructcode.com, and we'll do our best to assist you promptly.
If I still have questions regarding the course, who should I reach out to?
If you have any further questions about FructCode courses, please reach out to our support team at info@fructcode.com, and we will do our best to respond as promptly as possible.
Your instructor
- Founder of the FructCode project
- Boasts over 15 years of expertise in web development
- Worked in large companies in the USA and Europe on high-load web projects
- Led numerous in-person and online seminars on web development