Как начать думать функционально в JavaScript

https://itnext.io/how-to-start-thinking-functionally-in-javascript-b7805e3b48e

#vue #tips

#svelte #tips

Svelte - довольно свежий, но быстро набирающий популярность клиентский движок, который совсем скоро будет составлять серьёзную конкуренцию Vue, React и Angular.

Есть смысл с ним как минимум ознакомиться.

Управление состоянием в Svelte

https://dev.to/joshnuss/managing-state-in-svelte-29o7

#CSS #lessons CSS-анимация не особо сложная тема. По мне, так flexbox сложнее.

Одна из самых пугающих CSS тем для новичков (да и опытных) - анимация. Да, крутые штуки не так просто сделать, но они не часто и нужны.

Для того что бы научиться делать самые популярные анимации - достаточно 60 мин. Ну, как минимум, вы сможете понимать чужой код анимации и править его под себя 🤣

Для этого предлагаю вам шпаргалку + видео по двум CSS свойствам:

1. TRANSITIONS CSS
👉 Шпаргалка
👉Видео

2. CSS ANIMATION & KEYFRAMES
👉 Шпаргалка
👉Видео

Попробуйте, это просто!

#css

#vuejs #nuxtjs #pwa

Nuxt - фреймворк над Vue, обеспечивающий серверный рендер страниц. Аналог Next для React. Серверный рендер позволяет ускорить первичную загрузку SPA-страницы.

PWA - технология, позволяющая странице вести себя подобно приложению. В частности - даёт возможность работы оффлайн (синхронизация с сервером при восстановлении связи).

Создаем прогрессивный PWA интернет-магазин на Nuxt.js 2 пошаговое руководство Часть 1

https://habr.com/ru/post/490496/

#tips

Инструменты оптимизации сайта:

https://tproger.ru/articles/tproger-performance-monitoring-and-improving-tools/

@vuejs @tips

Несколько интересных трюков для Vue
https://habr.com/ru/post/491130/

#git #tips

Несколько типичны ошибок в Git, и как их исправить.
Всем начинающим - особенно рекомендую ;)

https://habr.com/ru/company/flant/blog/419733/

#theory Уровень программиста определяется не количеством языков, на которых он может писать программы, а количеством алгоритмов , структур данных и эффективных техник структурирования кода. Язык при желании можно изучить за несколько недель, а научиться писать на нём сложный, но качественный и быстрый код - на это уходят годы. Не теряйте время - растите над языками ;)

📄 Динамические структуры данных

1. Односвязный список - Смотреть
2. Двусвязный список - Смотреть
3. Бинарное дерево - Смотреть
4. Стек как структура данных - Смотреть
5. Очередь как структура данных - Смотреть
6. Очередь с приоритетом | Кольцевая очередь - Смотреть
7. Дек | Deque - Смотреть

@itlecture

#js #tips

Удаление свойства объекта.

var obj = { attr: 1};
delete obj.attr;

#git #tools Авось кому пригодится)

Визуальный клиент Git для терминала: https://github.com/jesseduffield/lazygit

Написан на Go, есть пакеты под популярные дистрибутивы Linux и сборка под Windows.

Git — очень удобный и мощный инструмент. Но начать им пользоваться сразу на полную не всегда просто. Так что подобные инструменты помогают перестать бояться мержей, ребейзов и других страшных слов.

#git

#верстка #css

Очень подробная статья с примером адаптивной вёрстки на CSS Grid.

CSS Grid - это одна из современных технологий, которая пришла на смену доисторических табличной и див-версткам)) Настоятельно рекомендую разобраться, если верстаете ;)

https://habr.com/ru/company/ruvds/blog/492760/

GitHub выпустил нативные мобильные приложения для Android и iOS

https://github.blog/2020-03-17-github-for-mobile-is-now-available/

Теперь поддерживать связь с командой, управлять issue, просматривать и мержить код можно прямо со смартфона.

Ссылочки на скачивание:
— Android: https://tprg.ru/pIcD
— iOS: https://tprg.ru/M03o

#github

#js #tips

Проверяем видимость блока

const h1 = document.querySelector('.myHead');

if (h1.style.display === 'none' || h1.style.visibility === 'hidden') {
console.log('im hidden');
} else {
console.log('im visible');
}