We offer a guide to interactive tasks, following which you will become a real professional.
In this chapter, your instructor Muffin will introduce you to the basics of web layout through the example of a small landing page.
Let's get to know the basics of PHP. We will learn how to embed PHP in our page layout, work with web scripts and the address bar, and program an online store.
Let's start by preparing the markup for the blog page, and we will start to understand what tags are used in the markup and what these tags are used for.
Let's continue laying out the blog page, and let's learn how to correctly lay out the test content: paragraphs, headings, subheadings, lists and much more.
Let's finish marking up the blog pages, adding navigation links as well as figuring out the image formats.
Let's start with the design of the blog pages and at the same time analyze the basic concepts within CSS, including rules, selectors, properties, values, inheritance, and cascading.
Finish the design of the blog pages, and learn how to design texts with CSS, including setting fonts, colors, indents, and sizes.
Let's learn more about what conditions are, how to create and add new elements to a page, and write a like counter and a commenting system.
Learn more about element collections and the for of loop. Learn how to use properties to get data and manage elements. Create pop-up tooltips and validate forms.
We will learn how to control scrolling in the browser, and we will also find out more about equality operators and the logical operator AND. We will program a button that will return the use to the top of the page and create filtering for the news site.
Let’s learn how to change element styles by using the style property and data from the input fields. Let’s program the font color and size on the page and add a complexity scale for the password and the ability to view the password.
Learn how to use conditions in scripts and templates. We will learn about comparison operations and logical operators. Let's finish the pages for our online store.
We will explore what arrays and loops are and find out why they work great together. You will work with different arrays and loops in the context of the pages of an online store. And you will also add product filtering functionality and solve a couple of additional problems.
Learn how to create your own functions and use the built-in ones. We will explore how to use functions to sort, filter, copy, and shuffle arrays. We will finish the shipping status page and display random product listings on the main page of our store.
Let's learn how to work with numbers and strings in PHP, and we will introduce you to the for loop and the ternary operator. We will figure out how to create pagination and display the date on the page in a complex format.
We will consider the basics of flexboxes, which provide a new way of creating “flexible” layouts. First, we will learn how to establish the direction of flow of flex container axes and to align and overflow flex items with the kitties, and then we will learn how to apply a flexbox simply and easily within real interfaces.
We will learn how to control the sizes and margins of flex items and how growth and shrinkage factors work, and we will gain practical experience creating "flexible" layouts and interface elements.
In this chapter we will begin to learn about the technology for creating grids: we will figure out how we can create grid layouts using different methods and how to control the location of grid items in a grid container. Then we will put our acquired knowledge into practice and use a grid to create a couple of small interfaces.
We will learn to use the conditions to the fullest of our ability. We will deal with logical operations and comparisons. We will try to combine operators. And in the end, we will write our second program.
Let’s create a driver for printing pages with variety of modes. With help of loops that we’ll explore in this course.
We will learn to work with really massive data and carry out a real analytical investigation. And for this we will look into working with arrays.
We'll send Muffin off on a trip, calculate salaries and income and learn how to separate the code into separate semantic blocks. And in the end, we will learn how to work with functions.
We’ll read from objects, use built-in and custom methods, find out what dictionaries and call context are, send cats to play dice, write a computer configurator. And that’s not it!
We will learn how to update an old interface and process user events. We will find out what asynchrony, scope, and closure are and how they work. We will figure out a problem involving the organization of school lunches and program a pop-up window and gallery.
We will find out what the DOM API is, work with templates, receive an overview of new events and methods for managing DOM, and figure out how to clone elements and program a to-do list app.
We are going to learn about SVG, the vector graphics format. We will analyze the basic primitives: lines, rectangles, and circles. We will learn how to position them, manage colors and sizes, and to create different kinds of drawings from them.
Basic concepts about how to design SVG shapes. Overview of fills and strokes.
We will delve into how SVG graphics are scaled and learn how to work with the
We will rotate, skew, move, reduce, and enlarge objects as well as blow them up with fireballs, teleport them, and use telekinesis. And, of course, we will take a look at some cool techniques for using transforms to create decorative effects.
Let's learn how to smoothly change CSS properties. We will create beautiful and functional shape elements that are inspired by Material Design and create a mini-quiz about HTML and CSS.
Let’s take a look at the ABC of creating animations with CSS. We will walk the evolution path of a civilization and conquer deep space. We will move, rotate and transform objects while learning the basics of object animation in CSS.
Let's learn how to use background images and set background colors. Let's take a look at some popular image formats and explore certain techniques for creating decorative effects.
Let's take a look at the process of creating shadows using CSS. We will cover the box-shadow property bit by bit, learn how to use multiple shadows, and explore some advanced shadowing techniques.
We will learn what linear gradients are and how you can use them to create interesting decorative effects. We will explore the syntax of the linear-gradient function, pick up some cool tricks, and practice creating complex ornaments using gradients.
Let's master CSS filters together: we will learn how to apply filters to different elements as well as how to combine and animate them.
We will literally play with fonts, decorative text effects and shadows, and also learn how to make texts more legible using new CSS properties.