Тинькофф ищут Frontend-разработчика (Angular)

В Тинькофф большое Angular-комьюнити из более чем 100 профессиональных разработчиков. Сейчас в команду ищут Frontend-разработчика.

Будете:
— Разрабатывать SPA приложений для проектов Тинькофф;
— Совершенствовать технические инструменты;
— Внедрять новые технологии и практики.

Нужно:
— Иметь опыт работы с Angular и в Agile команде;
— Хорошо знать основы JavaScript;
— Понимать работу веб-приложений (HTTP протокол, REST API);
— Уметь проводить качественное код-ревью.

Предлагают:
— Заботу о здоровье: полис ДМС и страховку от несчастных случаев, а также льготные условия страхования для близких;
— Профессиональное развитие: митапы, тренинги и мастер-классы, огромная tech-библиотека;
— Частичную компенсацию расходов на спорт.

Узнать о вакансии больше и откликнуться можно по ссылке.

Через Git и бэк — в фулстек: что мы узнали из опроса фронтендеров

Полтора месяца назад мы задали вам несколько вопросов, чтобы выяснить, каким должен быть хороший фронтендер и можно ли влиться в эту область после перерыва. Мы проанализировали ваши ответы и теперь знаем, что лидом можно стать в первый год работы, jQuery живее всех живых, а вопрос становиться фулстеком или оставаться фронтом расколол сообщество пополам.

👉 @frontend_1

Profile Card UI - Карточка профиля, реализованная с помощью SCSS и JavaScript

#codepen #css #js

Подпишись👉 @codepen_1

Генерируйте типы и конвертеры из JSON, схем и GraphQL

Quicktype генерирует сильно типизированные модели и сериализаторы из JSON, JSON Schema, TypeScript и запросов GraphQL, что позволяет легко и безопасно работать с JSON во многих языках программирования.

https://github.com/quicktype/quicktype

https://app.quicktype.io/

👉 @frontend_1

10 лучших фреймворков JavaScript для использования в 2022 году

JavaScript — это мультипарадигмальный язык, который поддерживает событийно-управляемый, функциональный, объектно-ориентированный и основанный на прототипах стили программирования. Изначально JavaScript использовался только на стороне клиента, но в последнее время его стали использовать и как язык программирования на стороне сервера. Далее

👉 @frontend_1

Christmas Tree Spiral 🎄- Анимированная рождественская ёлка, выполненная с помощью Pug и Stylus


#codepen #css #js

Подпишись👉 @codepen_1

В октябре 2022 года вы можете бесплатно пройти обучение по специальности "Разработчик интернет-сайтов на Tilda и других сервисах" в рамках федерального проекта "Содействие занятости". 

За 1 месяц интенсивного обучения вы обретете или закрепите ключевые навыки для успешной работы в области создания сайтов на базе конструкторов и получите удостоверение о повышении квалификации установленного образца.

Оказываем помощь в поиске работы или открытии СЗ / ИП ✍  Организатор обучения — официальный партнер Томского государственного университета. Учебная программа курса одобрена экспертным советом ТГУ.

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

Программа доступна ряду категорий населения, включая:
— неработающих студентов старшего курса и выпускников
— безработных и лиц под риском увольнения / сокращения

☑️ Подать заявку на обучение:
https://clck.ru/32FDd9
Старт потока уже 20 октября! 🚀

Angular v14.2 NgOptimizedImage

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

https://angular.io/guide/image-directive

👉 @frontend_1

Что нового можем делать с формами в 2022?

Браузеры постоянно добавляют новые возможности HTML, JavaScript и CSS. Вот несколько полезных дополнений для работы с формами, которые вы могли пропустить...

https://css-tricks.com/whats-new-with-forms-in-2022/

👉 @frontend_1

Принцип каскада

Один из основных принципов работы CSS. Стили читаются и применяются сверху вниз.
Если вы так боитесь каскада, что отказываетесь его изучать, вы не понимаете веба и лучше вам посмотреть в сторону чего-нибудь попроще в другой области кодинга.

https://doka.guide/css/cascade/

👉 @frontend_1

Подборка Telegram каналов для программистов🔥
Сохраняйте, чтоб не потерять.

https://yangx.top/itmozg Программисты, дизайнеры, новости из мира IT.
https://yangx.top/phis_mat Обучающие видео, книги по Физике и Математике
https://yangx.top/xakep_1 Статьи из "Хакера"

https://yangx.top/php_lib Библиотека PHP программиста 👨🏼‍💻👩‍💻
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста

1C разработка 📌
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С

Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++
https://yangx.top/cpp_geek Учим C/C++ на примерах

Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus

Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus
https://yangx.top/java_geek Учим Java на примерах

GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub

CodePen 📌
https://yangx.top/codepen_1 Сообщество пользователей CodePen

Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных

Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin

Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков
https://yangx.top/frontend_sovet Frontend советы, примеры и практика!
https://yangx.top/React_lib Подборки по React js и все что с ним связано

Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр

Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT

Чат программистов📌
https://yangx.top/developers_ru

Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов

БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning

Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию

QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика

Шутки программистов 📌
https://yangx.top/itumor Шутки программистов

Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности

Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров
https://yangx.top/arhitekturamira World Architecture

Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://yangx.top/sysadminoff Новости Линукс Linux

Английский 📌
https://yangx.top/UchuEnglish Английский с нуля

Математика 📌
https://yangx.top/Pomatematike Канал по математике

Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика

Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют

Метавселенная, GameFi, Crypto 📌
https://yangx.top/metaverse360

DeepFake 📌
https://yangx.top/deepfakenow Публикуем deepfake видео

Мир технологий 📌
https://yangx.top/mir_teh Видео из мира технологий

Excel лайфхак📌
https://yangx.top/Excel_lifehack

Дженерики в TypeScript

Привет, я Сергей Вахрамов, занимаюсь фронтенд-разработкой на Angular. Во фронтенд-разработку вошел напрямую с тайпскрипта, просто перечитав всю документацию. С того момента и спецификация ECMAScript расширилась, и TypeScript сильно подрос. Казалось бы, почему разработчики могут бояться дженериков, ведь бояться там нечего? Мой опыт общения с джуниор-разработчиками говорит, что во многом ребята не используют обобщенные типы просто потому, что кто-то пустил легенду об их сложности. Далее

👉 @frontend_1

Использование глобальной мемоизации в React

Когда наши приложения React становятся медленными, мы обычно обращаемся к useMemo, чтобы избежать бесполезной работы по повторному рендерингу. Это молоток, который часто работает хорошо, и с его помощью трудно выстрелить себе в ногу. Но useMemo не является серебряной пулей - иногда он просто добавляет еще больше бесполезной работы вместо того, чтобы сделать ваше приложение быстрее.

https://blog.thoughtspile.tech/2022/02/09/react-global-memo/

✍️ @React_lib

Google JavaScript руководство по стилю

https://rostislavdugin.github.io/styleguide/jsguide.html

👉 @frontend_1

Красными, зелёными или любого другого цвета — такими могут быть функции. И, оказывается, задавая функциям атрибут “цвет”, можно описывать и находить “плохие” архитектурные паттерны, такие как, например, вызов логгера из performance-critical участка кода или поход в базу при рендеринге шаблонов.

Как применить такой подход, читайте в статье Александра Кирсанова на Хабре: https://vk.cc/chdhxQ

Идея абсолютно не зависит от языка и применима к любому: хоть JS, хоть Go. В конце статьи ссылка на open-source инструмент nocolor, который помогает реализовать данную концепцию.

Сегодня #RUTUBE открывает дополнительный набор IT-специалистов. В этом году наша команда выросла почти в 3 раза и мы хотим еще. Мы в поиске талантливых технологических экспертов, которые будут развивать крупнейший российский видеохостинг вместе с нами!

Вакансии, на которые вы можете откликнуться прямо сейчас:
SRE инженер
Golang developer
Python developer
Frontend Developer (react)
Android developer
IOS developer
Инженер по сетевой безопасности
Специалист по ИБ веб-сервисов и мобильных приложений
Менеджер ИТ проектов


Сейчас в RUTUBE собрана сильная команда профессионалов и организованы условия работы на уровне топовых технологических компаний: как с точки зрения сложности и амбициозности задач, так и с точки зрения возможностей развития и конкурентного вознаграждения.

С нетерпением ждём ваши резюме! Их можно отправить сюда: [email protected]

Как найти подстроку в строке?

Метод charAt возвращает символ по указанному индексу.

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

Метод search проверяет, присутствует ли в строке переданное значение либо регулярное выражение и возвращает индекс начала совпадения. В случае, если переданное значение не найдено, возвращается -1.

@frontend_sovet

Разрабатываем ToDo лист на React + TypeScript + Zustand со сборкой на ViteJS | Уроки JavaScript

В этом уроке создадим целиком вместе с вёрсткой ToDo list c использованием React, TypeScript, Zustand, ViteJS + будем использовать хранилище LocalStorage.

00:00 Введение.
02:44 Установка и настройка ViteJS
05:47 Настройка структуры директорий
11:55 Постановка задачи. Изучаем макет в Figma.
12:47 Добавляем базовую верстку.
19:28 Знакомимся с zustand.
23:01 Описываем типы todo листа
26:16 Создаём store на zustand
42:44 Работаем над формой добавления задач (InputPlus)
52:49 Добавляем стили к InputPlus.
01:00:55 Отображаем отсутствие задач.
01:02:52 Отображение существующих задач.
01:09:54 Работа над компонентой задачи (InputTask).
01:14:18 Работа над стилями InputTask.
01:21:59 Добавляем mode редактирования для InputTask.
01:30:59 Тестирование + небольшие правки
01:33:19 Погружение в middleware zustand (devtools)
01:37:40 Пишем собственную middleware для LocalStorage.

https://www.youtube.com/watch?v=Z0rxniw2nBc

👉 @frontend_1

3 коротких октябрьских совета по CSS

https://dev.to/melnik909/the-3-short-october-css-tips-n2h

👉 @frontend_1

Frontend SOLID || Архитектура во Фронтенде

Single Responsibility || API package
Open Closed principle
Принцип подстановки Барбары Лисков || The Liskov substitution principle
Принцип разделения интерфейса || Interface Segregation Principle
Dependency Inversion || storage package

https://www.youtube.com/playlist?list=PLz_dGYmQRrr8rWKkoB3BtxF7JpCzUKny_

👉 @frontend_1