Читать книгу Английский для программистов. Как общаться в международных IT-командах - - Страница 11

Сегодня Ирина и Алексей обсуждают основы веб-разработки. Ирина объясняет Алексею, что веб-разработка включает две основные части: frontend и backend. Алексей решает начать с изучения фронтенда, и Ирина помогает ему понять, как работает веб-страница и как можно создать простое приложение с использованием HTML, CSS и JavaScript.

Диалог на встрече:

Irina:

«Hi, Alexey! Are you ready to dive into web development?»

Alexey:

«Yes, I’ve heard about it, but I don’t really understand where to start. Can you explain?»

Irina:

«Of course! Web development consists of two main parts: frontend and backend. Frontend is everything the user interacts with directly – like the design and layout of a website. Backend deals with the server, database, and the logic behind the scenes.»

Alexey:

«Okay, so the frontend is what I see in my browser. What tools do I need to get started with frontend development?»

Irina:

«Exactly! To get started with the frontend, you’ll need to learn HTML, which is used to structure the content on the webpage, CSS for styling, and JavaScript to make the page interactive.»

Alexey:

«Got it! So, HTML is like the skeleton, CSS is the clothes, and JavaScript is what makes everything work, right?»

Irina:

«Exactly! To create a simple webpage, you would start with an HTML file. Then you add styles using CSS. If you want to add interactivity, like buttons that change when clicked, you use JavaScript.»

Alexey:

«Sounds interesting! What do I need to know for the backend?»

Irina:

«For backend development, you’ll typically work with server-side languages like Node. js, Python, or PHP. You also need to learn how to interact with databases using languages like SQL.»

Alexey:

«Wow, there’s a lot to learn! But I think I’ll start with frontend and then move to backend later.»

Irina:

«That’s a great plan! Start with HTML, CSS, and JavaScript, and once you’re comfortable, you can move to backend development.»

Полезные фразы и выражения

Frontend – клиентская часть веб-приложения (все, с чем взаимодействует пользователь).

Backend – серверная часть веб-приложения (обрабатывает данные и логику).

HTML – язык разметки гипертекста (используется для создания структуры веб-страницы).

CSS – каскадные таблицы стилей (отвечают за оформление и внешний вид веб-страницы).

JavaScript – язык программирования, используемый для добавления интерактивности на страницы.

Node. js – среда выполнения JavaScript на сервере.

Python – язык программирования, используемый как для frontend, так и для backend разработки.

SQL – язык структурированных запросов, используемый для работы с базами данных.

Упражнения

1. Vocabulary Match:

Соедините английские фразы с их русскими эквивалентами:

Frontend

Backend

HTML

CSS

JavaScript

a) Язык программирования для создания интерактивности

b) Язык разметки для структуры веб-страницы

c) Серверная часть приложения

d) Клиентская часть приложения

e) Язык для оформления веб-страницы

2. Fill in the blanks:

Заполните пропуски подходящими словами из списка:

«To create the structure of the webpage, we use ______.»

«For styling the webpage, we use ______.»

«To make the page interactive, we use ______.»

«Backend development often involves working with ______ and databases.»

(Answers: HTML, CSS, JavaScript, Node. js/Python)

3. Translate the following sentences into English:

Веб-разработка делится на две части: frontend и backend.

Для добавления интерактивности на веб-страницу мы используем JavaScript.

Я начинаю с frontend разработки, изучая HTML, CSS и JavaScript.

4. Conversation Practice:

Практикуйте диалог с партнером или самостоятельно, используя фразы из главы. Один из вас будет играть роль Ирины, а другой – Алексея. Пример:

Person 1 (Irina): «What are you going to start learning first: frontend or backend?»

Person 2 (Alexey): «I think I’ll start with frontend, especially HTML and CSS.»

Самопроверка:

What is the main function of HTML?

a) To style the webpage

b) To structure the content on the page

c) To make the page interactive

Which language is used for styling the webpage?

a) JavaScript

b) Python

c) CSS

What does backend development typically involve?

a) Working with the frontend of the webpage

b) Handling data and logic on the server

c) Writing HTML and CSS

Ответы

1. Vocabulary Match:

1 – d

2 – c

3 – b

4 – e

5 – a

2. Fill in the blanks:

«To create the structure of the webpage, we use HTML.»

«For styling the webpage, we use CSS.»

«To make the page interactive, we use JavaScript.»

«Backend development often involves working with Node. js/Python and databases.»

3. Translate the sentences:

Web development is divided into two parts: frontend and backend.

To add interactivity to a webpage, we use JavaScript.

I’m starting with frontend development, learning HTML, CSS, and JavaScript.

4. Self-Check:

b) To structure the content on the page

c) CSS

b) Handling data and logic on the server