Javascript js frontend

Channel created

18:31

Channel photo updated

18:47

Javascript js frontend

Javascript js frontend pinned Deleted message

10:44

Javascript js frontend

#почитать #junior #middle

Подборка полезных для верстальщиков функций Chrome Devtools, которые ускоряют работу и в целом дают больше возможностей.

Читать статью

4.9K views18:17

Читать

Javascript js frontend

Как создать свой React

Очень рекомендую эту статью к изучению

В ней автор с нуля в интерактивном формате показывает, как создать свой React.

Если вам было интересно, как работает JSX, как писать хуки, да и вообще разобраться во внутренних механиках React - welcome.

5.6K views18:18

Javascript js frontend

Коротко о вчерашних событиях с Facebook

5.1K views18:19

Javascript js frontend

CCS Практика и Исходники

📜 Практика по CSS:
https://vladilen.notion.site/CSS-f650a04f167346c9a75ed833e360ea4e

🔗 Исходники начала урока:
https://github.com/vladilen-courses/cv

🔗 Финальные иходники:
https://github.com/vladilen-courses/css

💥 Сайт в результате:
https://vladilen-courses.github.io/css/

5.7K views18:19

Javascript js frontend

This media is not supported in your browser

VIEW IN TELEGRAM

Фреймворк для терминала

#useful

Недавно нам прислали ранний доступ до инструмента Fig.

Позволяет существенно упростить и улучшить работу с консолью.

Поддерживает такие инструменты, как: Git, npm, Docker, Kubernetes и другие

Получить ранний доступ можете на сайте

5.2K views22:00

Javascript js frontend

Посчитать слова

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

Примеры:

wordCount("hello there") => 2
wordCount("I'd like to say goodbye") => 6

5.3K views22:09

CodeWars

Javascript js frontend

Любимые фреймворки разработчиков на Jamstack в 2021 году

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

Читать далее: https://css-tricks.com/jamstack-developers-favorite-frameworks-of-2021/

#jamstack #frontend

CSS-Tricks

Jamstack Developers’ Favorite Frameworks Of 2021 | CSS-Tricks

Which new framework should I learn this year? Is it time to ditch my CMS? What tools should I pick up if I want to scale my site to an audience of millions?

4.2K viewsedited 18:36

Javascript js frontend

0:05

This media is not supported in your browser

VIEW IN TELEGRAM

On / Off Switch

Для создания этого переключателя автор использует возможности препроцессора SCSS. Анимации реализуются при помощи библиотеки gsap.

#scss

4.3K views18:41

CodePen

Javascript js frontend

0:06

This media is not supported in your browser

VIEW IN TELEGRAM

Responsive House

При изменении положения слайдера изменяются значения дата-атрибутов, которые влияют на отображаемый контент.

#responsive

4.4K views18:44

👍 55 👎 1

CodePen

Javascript js frontend

console.trace();

Выводит трассировку стека в консоль.

function foo() {
  function bar() {
    console.trace();
  }
  bar();
}
foo();

В консоли отобразится следующая трассировка:

bar
foo
<anonymous>

#console #js

4.2K viewsedited 18:46

👍 20 👎 1

Javascript js frontend

Лучшие практики Angular — знаете ли вы их?

5 советов для Angular разработчиков, чтобы писать код оптимально и красиво.

Читать статью

Medium

Angular Best Practices — Do you know them?

How to improve my Angular application performance? How to make my Angular team coding style more consistent? Are there some guidelines on…

4.4K views07:00

Читать

Javascript js frontend

JavaScript Algorithms

Автор: Oleksii Trekhleb and Sophia Shoemaker
Год издания: 2019

#JavaScript #english

4.6K views10:01

Скачать

Javascript js frontend

Сокращаем CSS-свойство background

background-color: #000;
background-image: url(images/bg.gif);
background-repeat: no-repeat;
background-position: left top;

можно сократить до одного объявления:

background: #000 url(images/bg.gif) no-repeat left top;

Сокращенная форма фактически эквивалентна приведенным выше полным свойствам плюс background-attachment: scroll.

#css

4.6K views15:15

👍 39 👎 4

Javascript js frontend

Функции transform в CSS

Небольшая подборка transform свойств в css для тех кто подзабыл, ну или не знал.

rotate(<угол>) — поворачивает элемент на заданный угол

scale(sx, sy) — изменяет масштаб элемента по горизонтали sx и вертикали