Name: Web development workshop - Payomatic
Brand: codenga
SKU: web_development_workshop_payomatic
Price: 3.99 USD
Availability: InStock
Rating: 4.666666666666667 (1 reviews)

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.

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.

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

You'll learn how to turn visual design into a working HTML/CSS code.
You'll learn good practices of organizing styles and naming classes
You'll master the extremely useful class composition techniques that will allow you to easily build components and their variations.
You will learn to create responsive layouts based on flexbox.
You will learn useful ways to create mobile menus.
You will gain extremely valuable practical experience, necessary while working with modern front-end.

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

Dozens of LiveCode tasks, during which you will build step by step the structure and styles of the webpage.
Numerous tests verifying the newly acquired knowledge.
Additional presentations explaining more complex issues you may encounter while creating the project.
Tips on self-development and further development of the project.
Downloadable files with finished code at the end of the course.

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.

Codenga - an experience you will enjoy

Learn interactively

We teach with graphics, repetition and short explanations. All in the comfort of your own browser.

Enjoy the learning

We strive to make every course enjoyable. In the words of a Codenga user: "it doesn't get boring."

Learn fast

"Love the lessons and the interactive methods. Learning will be very fast compared to other study methods."

Complete every course easily

We have come up with some things that should help you to complete every course. Try them and see if they work for you.

Got stuck? There is a support!

Every Codenga course has its curriculum manager that looks after the learning material and is ready to help you if you have any questions.

30 days of Money-back guarantee

You have a generous 30-day return period. No questions asked.

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?

4.67

(3 ratings)

67%

33%

Reviews:

Camille Heart

5.0

Dec 3, 2021

Confirmed by purchase

Nicely written project, gave me an idea to write something on my own.

Is this review helpful?

Have any questions?

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.

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

Can i still use the course having completed it?

Yes! You get unlimited, lifetime access to the course.

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.

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.

Support for this course is provided by:

Jakub – HTML Curriculum Manager

$3.99

Web development workshop - Payomatic

Hard work that will pay off

Challenging tasks and hands-on experience

What you will learn

Even more content

What else you need to know

Codenga - an experience you will enjoy

Check the course curriculum

What people are saying about this course?

Reviews:

Have any questions?