Телеграмм чат группы frontendproglib страница 67

Size: a a a

Библиотека фронтендера

2020 April 26

23 полезных хоткея для VS Code

Комбинации клавиш, которые ускорят разработку.

https://prglb.ru/51xpq

#tools #editor #vscode

источник

705911:00пожаловаться #1

Библиотека фронтендера

Tesseract.js: извлекаем текст из картинок с помощью JavaScript

Инструкция по извлечению текста из картинок с помощью OCR-библиотеки Tesseract.js. В конце статьи можно поиграть с получившимся интерактивным демо-приложением.

Читать: https://proglib.io/p/tesseract-js-izvlekaem-tekst-iz-kartinok-s-pomoshchyu-javascript-2020-04-22

#javascript #datascience

источник

657216:00пожаловаться #2

Библиотека фронтендера

Изучаешь Javascript? Хочешь быстро прокачаться и найти работу?

Приходи 5 мая на бесплатный вебинар «Как начинающему JS-разработчику стать крутым и найти работу?» от онлайн-школы Thinknetica.

Вебинар будет полезен тем, кто хочет стать веб-разработчиком и уже знает основы javascript.

На вебинаре вы узнаете:

- Почему новичку так сложно найти работу
- Что нужно знать JS-разработчику, чтобы устроиться на работу
- Чего ждут и требуют работодатели от соискателей
- На какую зарплату можно рассчитывать
- Как гарантированно найти работу начинающему JS-разработчику
- Как быстро вырасти до middle-уровня и нормальной зарплаты

🔥А в итоге – получите план подготовки, который приведет вас к трудоустройству

Записывайся сейчас: https://clck.ru/N8mQe

источник

661418:07пожаловаться #3

2020 April 27

Библиотека фронтендера

Принципы SOLID в JavaScript

SOLID-принципы - это набор из пяти правил для создания качественного кода.

👉 S- Single Responsibility. Класс (Функция) должен делать только одну вещь. Например, не стоит смешивать логику и представление.
👉 O - Open-Closed. Классы нужно проектировать так, чтобы для добавления новой функциональности не нужно было изменять уже написанный код.
👉 L - Liskov Substitution. Дочерние классы всегда и везде могут замещать родительские.
👉 I - Interface Segregation. В интерфейсе должны быть лишь те методы, которые клиент действительно использует.
👉 D - инверсия зависимостей. Все в проекте должно зависеть только от абстракций, а не от конкретных реализаций.

Смотреть: https://prglb.ru/562ve

В видео - подробный разбор каждого принципа, а также их применение на практике в JavaScript.

#bestpractices #solid

YouTube

SOLID Принципы в JavaScript (Смотри чтобы стать Senior!)

SOLID Принципы в JavaScript. Весь SOLID на практических наглядных примерах с минимумом теории. Так же хорошая практика ООП в JavaScript

Моя образовательная площадка: https://www.vladilen.dev/

Подписывайся на соц сети:
Telegram: https://teleg.one/js_by_vladilen
Instagram: https://www.instagram.com/vladilen.minin
VK: https://vk.com/vladilen.minin
Группа VK: https://vk.com/js_by_vladilen

Мой Курс Стань JavaScript Senior: https://clc.to/senior

Мои Udemy Курсы:
Angular 9: https://clc.to/angular
React Native: https://clc.to/rnative
ReactJS: https://clc.to/react
NodeJS: https://clc.to/nodejs
Angular Fullstack (MEAN): https://clc.to/fullstack

Исходный код тут:
https://t.me/js_by_vladilen/159

Дополнительные материалы:
NodeJS: https://www.youtube.com/watch?v=3aGSqasVPsI
ES6: https://www.youtube.com/watch?v=Ti2Q4sQkNdU
Prototype: https://www.youtube.com/watch?v=aQkgUUmUJy4
Классы: https://www.youtube.com/watch?v=uLY9GXGMXaA
Массивы и Reduce: https://www.youtube.com/watch?v=nEabP9CYCAQ
Композиция в JS: …

источник

777511:00пожаловаться #4

Библиотека фронтендера

CSS триггеры

Большая табличка, в которой собраны почти все CCS-свойства и информация об изменениях, которые они вызывают в разных браузерах.

Ссылка: https://csstriggers.com/

- Layout - перерасчет макета, вычисление геометрии элементов. Обычно выполняется для всего документа целиком, так как изменение одного элемента влияет на все последующие.

- Paint - прорисовка макета, заполнение пикселей. Всегда выполняется после Layout, а также без Layout, если изменяются свойства, связанные с цветом. Часто является самым длительным этапом представления веб-страницы.

- Composite - компоновка макета, сведение прорисованных частей страницы вместе, расположение слоев друг относительно друга.

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

#css #performance #browser

источник

674216:00пожаловаться #5

Библиотека фронтендера

Что объединяет фотохостинг Pinterest и приложение для планирования Trello? Оба они написаны на JavaScript.
Если английский — это основной язык современного мира, то JS — это основной язык современного интернета, ведь на нем написано большинство сайтов, которые вы посещаете каждый день.

Для тех, кто хочет погрузиться в разработку сайтов и веб-приложений SkillFactory запустили курс «Frontend-разработчик». За 6 месяцев обучения вы освоите HTML, CSS, кроссбраузерную и адаптивную верстку, JavaScript и React и добавите в своё портфолио 6 проектов; дополнительный модуль про soft skills поможет подготовиться к собеседованиям.

За время обучения вы создадите собственный сайт-визитку, разработаете аналог канбан-доски Trello и немного погрузитесь в backend.

⏰Последний день распродажи — не упустите скидку на обучение 50%: https://clc.to/yLEakw

источник

692717:45пожаловаться #6

2020 April 28

Библиотека фронтендера

Чтобы React «заиграл»: 8 инструментов разработки

Если для создания веб-приложений вы избрали React, вам также будут полезны инструменты стилизации, управления состоянием и тестирования. Рассказываем о них в нашей подборке.

Читать: https://proglib.io/p/chtoby-react-zaigral-8-instrumentov-dlya-razrabotki-2020-04-26

#tools #frameworks #react

источник

723615:01пожаловаться #7

2020 April 29

Библиотека фронтендера

Сможет ли Vue.js превзойти React в 2020 году?

Смертельная битва двух гигантов продолжается!

Читать: https://prglb.ru/488o6

#tools #frameworks

NOP::Nuances of programming

Сможет ли Vue.js превзойти React в 2020 году?

Сможет ли Vue.js превзойти такого фронтенд-гиганта, как React, в 2020 году? Рассмотрим их основные особенности и попробуем разобраться!

источник

753911:01пожаловаться #8

2020 April 30

Библиотека фронтендера

Замыкания, каррирование и крутые абстракции

Разбираемся в непростых концепциях JavaScript на практике

Читать: https://prglb.ru/1r4xj

#javascript #core

источник

735111:01пожаловаться #9

Библиотека фронтендера

forwebdev (1).mp4

(2.05 Мб)

For Web, кладезь годноты для фронтендеров → @forwebdev

Каждый день с 2014 года публикуют свежие статьи, видеокурсы, инструменты, книги и многое другое.

Подписаться → @forwebdev

источник

737513:05пожаловаться #10

2020 May 01

Библиотека фронтендера

Юнит-тестирование фронтенда без фреймворка

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

Читать: https://prglb.ru/4c1ph

#testing

источник

729311:10пожаловаться #11

2020 May 02

Библиотека фронтендера

Как правильно использовать анимацию в дизайне интерфейсов

Ключевые принципы создания пользовательских интерфейсов для различных платформ. 28 элегантных иллюстраций-сравнений: как нужно делать и как делать нельзя.

Читать: https://proglib.io/p/kak-pravilno-ispolzovat-animaciyu-v-dizayne-interfeysov-2020-04-29

#interface #animation

источник

675511:01пожаловаться #12

Библиотека фронтендера

Мы теперь есть в Яндекс.Мессенджере. Присоединяйтесь:

https://yandex.ru/chat/#/join/627c55a9-89c7-4d27-86ed-287d33a5ce7d

источник

21312:42пожаловаться #13

Библиотека фронтендера

Обработка null и undefined в JavaScript

В вебе часто приходится сталкиваться с необязательными (опциональными) значениями. Разбираемся, как правильно их обрабатывать.

Ссылка: https://prglb.ru/23bpu

#javascript #bestpractices

источник

644615:00пожаловаться #14

Библиотека фронтендера

За два года спрос на профи в Data Science вырос вдвое. По сведениям hh дата-сайентисты получают от 100 тыс. руб./мес. Но обычно знания приходится собирать по крупицам. К счастью, Geekbrains подготовили курс по машинному обучению:

💎 65 часов контента с практикой к каждому занятию,
💎 30 онлайн-уроков с живыми преподавателями,
💎 5 проектов – всё по-взрослому.

Курс длится 5 месяцев, занятия ведут дата-сайентисты, работающие в крупных компаниях. Подробнее: https://proglib.io/w/d90d2e3f

источник

621818:45пожаловаться #15

2020 May 03

Библиотека фронтендера

Полное руководство по Data-атрибутам

Все, что вы хотели знать об использовании data-атрибутов в HTML, CSS и JS.

Читать: https://prglb.ru/5ou8h

источник

625512:01пожаловаться #16

Библиотека фронтендера

Redux Toolkit

Набор инструментов для разработки с использованием библиотеки Redux.

Разработан чтобы упростить настройку и уменьшить количество шаблонного кода, который вы пишите от проекта к проекту. Предоставляет удобный API для самых востребованных действий:

✔️ создание и конфигурация хранилища
✔️ создание редьюсеров
✔️ создание action creators

Библиотека по умолчанию реализует лучшие практики Redux. Ее можно использовать как в новом проекте, так и подключить к существующему.

Библиотека: https://redux-toolkit.js.org/

#tools #library #redux

источник

673015:01пожаловаться #17

2020 May 04

Библиотека фронтендера

Валидация форм с помощью Vuelidate

Простая проверка пользовательского ввода в приложениях на Vue.js.

Читать: https://prglb.ru/3wkru

#tools #frameworks #library #vue

источник

631311:00пожаловаться #18

Библиотека фронтендера

Что выведет этот код?

Анонимная викторина

43%

null

31%

undefined

12%

ReferenceError

Проголосовало: 1501

источник

594414:00пожаловаться #19

Библиотека фронтендера

источник

597614:00пожаловаться #20