Презентация "Фронтальное развитие"
презентация к уроку по английскому языку (10 класс)

Слайд 1

Frontend Development Learn how to create websites with this master class.

Слайд 2

TABLE OF CONTENTS 01 General knowledge 03 CSS styles 02 HTML tags 04 JavaScript Interaction

Слайд 3

Nowadays creating a website is by far the best way to promote a product and represent company’s services. However, some people have a tight budget and no ability to hire a professional. So, if you’re that person desiring to have your own website, this master class will be definitely beneficial and helpful. INTRODUCTION

Слайд 4

General knowledge 01

Слайд 5

To begin with, we should get acquainted with basic technologies that are often required to create a proper website. Let’s get started

Слайд 6

We need Code editor Colormania To get any color you want even from screen. Chrome DevTools Has the best emulator HTML, CSS and JS Technologies for writing a code. Brackets, VS Code, Notepad++, Atom, PyCharm

Слайд 7

HTML tags 02

Слайд 8

HTML stands for Hypertext Markup Language. It’s not a programming language as many people are under delusion. HTML is a foundation of website, but it looks more like a naked skeleton which should be prettily dressed afterwards. What is HTML? SUBSCRIBE 2.0 M Lorem Ipsum Dolor Sit Amet HTML consists of tags. Each tag has a specific sense and implements particular functions.

Слайд 9

Makes a page work properly. Root tag that wraps visible and invisible to users content. Contains invisible content (title, meta tags, tags for SEO promotion). Sets up the UTF-8 encoding. Title that you can see in the tab name. Contains visible content (text, images, etc.). Webpage composition

Слайд 10

Basic tags header Main menu of a website. n av Contains sections to visit. div The most used tag (containers, etc.). f ooter A website’s cellar. HTML5

Слайд 11

Attributes Can be used for a variety of elements. class Can be used only once. Must be unique. id

Слайд 12

CSS styles 03

Слайд 13

CSS means Cascading Style Sheets. It’s necessary to dress up a naked skeleton and make it look attractive. About CSS

Слайд 14

CSS rules consist of properties which you can set a value for. Property refers to a selector that will be changed. With CSS you can change background, font, set an animation, create fancy navs and image galleries. CSS syntax

Слайд 15

CSS usage example

Слайд 17

Output

Слайд 18

JavaScript Interaction 04

Слайд 19

Defines resource behavior and make projects far more interactive Dynamic programming language used in WD. « Website’s brain » JavaScript —

Слайд 20

Change color I am changeable Example

Слайд 21

Output

Слайд 22

https://absorbedinweb.netlify.app More info on my website

Слайд 23

But if you want really well-developed website, you should also learn Backend (data bases, programming languages like PHP, Python, etc.). As for Frontend you had better master some frameworks, mobile development (Flutter or ReactNative) and git, in addition to HTML, CSS and JS.

Слайд 24

THANKS FOR YOUR ATTENTION!