Black Friday Deals are here!     |        50% discount for all courses     |        Start learning just for 1$

1d 22h
user menu
avatar

Web development workshop - Payomatic

4.5

(2 ratings)

poster_image
dot30 days of Money-back guarantee
dotGet help at the every stage of learning
dotRegular updates
Unlimited accessUnlimited access
exercises102 exercises
Support from Codenga TeamSupport from Codenga Team
Works on mobile devicesWorks on mobile devices
Instant feedbackInstant feedback
Certificate of completionCertificate of completion
Support for this course is provided by:
Jakub – HTML Curriculum Manager
Description
What you get
Syllabus
Reviews
FAQ

Hard work that will pay off

This is a perfect course for everyone who wants to gain practice with creating websites. During this course you will build both the content and the styles utilizing your existing knowledge of HTML and CSS. You will also gain many useful skills along the way. The result of your work will be a modern, responsive website that you can freely expand and modify on your own. This is a fun project that not only will give you a sense of accomplishment but also will go a long way to increase your skill level.

Challenging tasks and hands-on experience

This course is a practice wrapped in proven LiveCode assignments. This gives you a lot of flexibility and independence when writing HTML and CSS code. We will give you the necessary hints and tips, but the key work you have to do yourself. The tasks in the course may not be easy but the point is to learn valuable things and develop your skills.

description_image1

What you will learn

With this course you will gain a vast knowledge of modern website development techniques

  • point

    You'll learn how to turn visual design into a working HTML/CSS code.

  • point

    You'll learn good practices of organizing styles and naming classes

  • point

    You'll master the extremely useful class composition techniques that will allow you to easily build components and their variations.

  • point

    You will learn to create responsive layouts based on flexbox.

  • point

    You will learn useful ways to create mobile menus.

  • point

    You will gain extremely valuable practical experience, necessary while working with modern front-end.

description_image2

Even more content

This is our most developed HTML and CSS course to date. And also the most practical

  • point

    Dozens of LiveCode tasks, during which you will build step by step the structure and styles of the webpage.

  • point

    Numerous tests verifying the newly acquired knowledge.

  • point

    Additional presentations explaining more complex issues you may encounter while creating the project.

  • point

    Tips on self-development and further development of the project.

  • point

    Downloadable files with finished code at the end of the course.

What else you need to know

To take this course, you'll need some basic knowledge of HTML and CSS. If you know the key tags, know how to write some basic styles, and how CSS rules work, you'll be fine with this course. Due to the complexity of the project built in the course, you will get the most comfort when working on a laptop or desktop computer.

description_image2

Codenga - how it works

No subscriptions
You pay for the individual courses. Select the programming language you want to learn and get a lifetime access for a single payment
30 days of Money-back guarantee
You have a generous 30-day return period. No questions asked.
Revisit the course at any time
You get a lifetime access to the course. You can review the material at any time.
Feedback
Shot us a message and get a response from a real person.
Learning paths
Codenga won't leave you on your own when you complete the course. You can continue your learning path with other courses.
Support
Every Codenga course has its curriculem manager that looks after the learning material and is ready to help you if you have any questions.

Check the course curriculum

Ch. 1
Introduction - project and global styling overview
(10 exercises)
First, we need to analyze our project and figure out what we will need during the work.
What kind of project we will create
Class for the BODY component
How to use the preview
Resetting default styles
Resetting default margins and paddings
How responsive images should work
Let's think about next steps.
Font, colors and link styles
Ch. 2
Basic styles of text and the components
(14 exercises)
We will now work on styles for elements that are used many times throughout this project. This is mainly about elements such as headers, labels and buttons.
Mobile first - how does it work
Let's create styles for the headers
Another elements - p, h3 and labels
Let's implement the styles for the mentioned elements.
Class for large text.
Test yourself - are you interpreting the code correctly?
Buttons - how to approach it
Let's complete the button styles.
Composition with classes
Let's build our buttons.
Ch. 3
Let's build a responsive layout
(13 exercises)
We're going to build a very cool thing. It's going to be a grid of columns so that we can arrange content for devices of different widths at will.
box-sizing - why it's so important
The container - how it works
Let's add a container class
Row - concept
Row - implementation
How the columns work
Let's add first column
More columns - what you will need
Time to build all the columns
Time for a quiz - let's check if you understand the principles behind columns.
Ch. 4
Helper classes and standard spacing
(7 exercises)
Now we will prepare another set of useful classes. Using them, we will be able to easily align content on the website and add vertical spacing.
What is a helper class?
Let's add few simple classes
Standard paddings
Implementation of padding classes
Standard spacing - quiz at the end

What people are saying about this course?

Average rating

4.5

(2 ratings)

50%
50%
0%
0%
0%

Have any questions?

minusplus
How does the course work?
Every Codenga course is full of structured knowledge and practical exercises. You start with the basics and you incrementally learn new skills.
minusplus
How much time do i need to complete the course?
Buying this course you get the lifetime access. You can learn the new skills at your own pace. You can also review the material as many times as you want
minusplus
Can i still use the course having completed it?
Yes! You get unlimited, lifetime access to the course.
minusplus
Do i need any prior experience to start the course?
Codenga course are great for beginner programmers. Start with the Level 1 course if it's your fist contact with programming.
minusplus
Do i need any software to use the course?
The only thing you need is a device with an internet access. No other tools or software necessary.
-50%
$1.00
$1.99
timer
1d 22h left
dot30 days of Money-back guarantee
dotGet help at the every stage of learning
dotRegular updates
Unlimited accessUnlimited access
exercises102 exercises
Support from Codenga TeamSupport from Codenga Team
Works on mobile devicesWorks on mobile devices
Instant feedbackInstant feedback
Certificate of completionCertificate of completion
Support for this course is provided by:
Jakub – HTML Curriculum Manager
timer
-50% 1d 22h left
$1.00
$1.99