Frontend.school() | изучаем HTML, CSS, JavaScript вместе!
1.21K subscribers
550 photos
66 videos
3 files
252 links
Крутым фронтендером не рождаются — им становятся на канале @frontend_school!

Наш чат: @frontend_school_chat
Наша флудилка: @frontend_school_flud

Другие проекты: t.me/addlist/dIq-3zEMMugwZTgy

Мы в VK: vk.com/frontend_school

Связь: @jellyjail
Download Telegram
@frontend_school #статья #AJAX

Знакомство с AJAX

Данная серия статей призвана познакомить начинающих разработчиков с технологией AJAX, основной front-end технологией. В первом уроке вы затронете основы AJAX, начнёте узнавать различные детали данной технологии, узнаете, что это такое, как работает и какие есть ограничения.

Читать статью
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #интересное #Vue

Калейдоскоп

Калейдоскоп выполнен с помощью фреймворка Vue. Изменения происходят за счёт движения курсора и вычислений на его основе. Если вы решили изучать Vue, то будет очень полезно изучить и этот проект.

CodePen
@frontend_school #статья #JavaScript

25 лет языку JavaScript!

4 декабря 1995 года на свет появился JavaScript. Сегодня без него трудно представить веб-разработку. О том, какие этапы он прошёл в сегодняшней статье в формате «Один год — одно важное событие».

Читать статью
Что будет выведено в консоль при выполнении кода, представленного на изображении выше?
Anonymous Quiz
28%
Ошибка
17%
123456
39%
‘123456’
16%
undefined
@frontend_school #статья

10 полезных расширений Google Chrome для разработчиков и дизайнеров

Для того, чтобы вам было проще верстать макет, существуют множество полезных инструментов. В этой подборке как раз десять таких.

Читать статью
Какое событие может быть использовано для проверки содержимого поля, которое пользователь покинет нажатием клавиши TAB?
Anonymous Quiz
30%
onblur
30%
onfocus
29%
lostfocus
11%
lostblur
С наступающим вас Новым годом и спасибо, что вы с нами!
@frontend_school #статья #HTML

Расширенный HTML

В этой статье вы непосредственно от автора библиотеки узнает обо всех её возможность и преимуществах перед обычным HTML.

Читать статью
Что будет выведено в консоль при выполнении кода, представленного ниже:
let num = 0;
console.log(~num);
Anonymous Quiz
43%
0
17%
-1
6%
1
34%
NaN
This media is not supported in your browser
VIEW IN TELEGRAM
@frontend_school #статья #Vue

Перевод сайта на несколько языков за час

Если вы выбрали для себя фреймворк Vue, то у вас есть отличная возможность быстро и без труда перевести ваш сайт сразу на несколько языков буквально за час. О том, как это сделать — читайте в статье.

Читать статью
Screen Recording 2021-01-16 at 22.13.51.mov
2.3 MB
@frontend_school #интересное

Внимательный мишка

Сегодня предлагаем вашему вниманию CodePen проект, который показывает, как вы можете настроить отображение курсора на странице, а также, как можно создать эффект слежения за ним.

CodePen
@frontend_school #интересное

Спичка в микроволновке

Вы знаете, как ведёт себя зажённая спичка в микроволной печи? Очень интересный эффект! В этом CodePen проекте вы можете наглядно увидеть, что происходит в случае горения спички в работающей микроволновке. Так что, если вам интересно понаблюдать этот эффект или хотите посмотреть, как реализован сам проект, то, как обычно, ссылка ниже!

CodePen

P.S. Пожалуйста, не повторяйте этот эксперимент дома! На YouTube полно роликов с этим эффектом, если вам не хватило того, что предлагает этот проект 😊
@frontend_school #статья #JavaScript

JS-алгоритм ищет выход из сгенерированного на ходу лабиринта

Вы хорошо знаете алгоритмы? У вас есть возможность проверить свои знания или расширить их, изучив этот проект. Алгоритм самостоятельно генерирует случайный лабиринт, а затем ищет выход из него.

В этой статье вы можете не только посмотреть видео, как это происходит, но и скачать проект и попробовать его самому, попутно изучив!

Читать статью
@frontend_school #статья

Как стать фронтенд-разработчиком в 2021 году: дорожная карта

Как стать фронтенд-разработчиком и что изучать в 2021 году? Действительно, технологии постоянно меняются и развиваются и то, что было актуально вчера — сегодня отправляется на свалку истории. Чтобы чётко знать свой путь развития представляем вам дорожную карту по фронтенду.

Читать статью
Какое значение будет присвоено переменной result при выполнении кода, представленного на изображении выше?
Anonymous Quiz
60%
[1, 2, 3, 4, 5, 6]
24%
[1, 2, 3]
6%
[1, 2, 3, 4]
10%
[4, 5, 6]