Самые полезные веб-сайты для веб-разработчиков ии фронтендеров.
👉🏻W3Schools - W3schools - это бесплатный образовательный сайт для обучения программированию онлайн.
👉🏻GitHub - GitHub - это платформа разработки, управляемая сообществом, где вы можете изучить новые методы у более чем 23 миллионов разработчиков, а также поделиться своими знаниями и ресурсами.
👉🏻StackOverflow - Всеми любимый stackoverflow Это действительно идеальное место в сети для любого начинающего разработчика, и не только.
Кто ищет новые приемы кодинга и хочет расширить свои знания, тот, рано или поздно, окажется на этой платформе.
👉🏻SitePoint - стартовал еще в 2009 году и является одним из крупнейших центров разработки в Интернете.
👉🏻CSS-Tricks - Ежедневные статьи о CSS, HTML, JavaScript и обо всем, что связано с веб-дизайном и разработкой.
👉🏻CodePen.io - еще один из моих любимых веб-сайтов, который я настоятельно рекомендую frontend разработчикам всех уровней.
👉🏻W3Schools - W3schools - это бесплатный образовательный сайт для обучения программированию онлайн.
👉🏻GitHub - GitHub - это платформа разработки, управляемая сообществом, где вы можете изучить новые методы у более чем 23 миллионов разработчиков, а также поделиться своими знаниями и ресурсами.
👉🏻StackOverflow - Всеми любимый stackoverflow Это действительно идеальное место в сети для любого начинающего разработчика, и не только.
Кто ищет новые приемы кодинга и хочет расширить свои знания, тот, рано или поздно, окажется на этой платформе.
👉🏻SitePoint - стартовал еще в 2009 году и является одним из крупнейших центров разработки в Интернете.
👉🏻CSS-Tricks - Ежедневные статьи о CSS, HTML, JavaScript и обо всем, что связано с веб-дизайном и разработкой.
👉🏻CodePen.io - еще один из моих любимых веб-сайтов, который я настоятельно рекомендую frontend разработчикам всех уровней.
7 лучших библиотек для создания молниеносно быстрых приложений ReactJS
ReactJS по умолчанию обладает высокой производительностью. Но время от времени у вас появляется шанс сделать его еще лучше. И замечательное сообщество React придумало для этого несколько фантастических библиотек.
Сегодня мы поговорим о семи таких библиотеках, которые могут улучшить качество вашего кода и при этом повысить производительность.
[ Статья ]
ReactJS по умолчанию обладает высокой производительностью. Но время от времени у вас появляется шанс сделать его еще лучше. И замечательное сообщество React придумало для этого несколько фантастических библиотек.
Сегодня мы поговорим о семи таких библиотеках, которые могут улучшить качество вашего кода и при этом повысить производительность.
[ Статья ]
Хабр
7 лучших библиотек для создания молниеносно быстрых приложений ReactJS
Некоторые необходимые инструменты для rock-star разработчика Привет, Хабр. В рамках набора на курс " React.js Developer " подготовили перевод материала. Всех желающих приглашаем на открытый демо-урок...
Какой технологический стек выбрать для разработки сайта?
Многие могут подумать: "Зачем заморачиваться над этим вопросом, если для клиентов главное, чтобы сайт работал правильно, а выбор технологии — дело разработчиков!" И так оно и есть, за исключением важного нюанса - выбранная технология напрямую влияет на производительность сайта. Но верно и обратное — тип сайта и его основная цель влияет на выбор технологии.
Статья
Многие могут подумать: "Зачем заморачиваться над этим вопросом, если для клиентов главное, чтобы сайт работал правильно, а выбор технологии — дело разработчиков!" И так оно и есть, за исключением важного нюанса - выбранная технология напрямую влияет на производительность сайта. Но верно и обратное — тип сайта и его основная цель влияет на выбор технологии.
Статья
IT в 2021 - это как биткоин в 2018
▪️ Точка А: немного времени и подписка на канал @academit.
▪️ Точка Б: вы востребованный специалист, зарабатываете более $3.000 в месяц, многомиллионные контракты, успешный успех.
@academit - отправная точка в любую IT-отрасль: дизайн, маркетинг, разработка, менеджмент.
Бесплатно проходите любой курс - делаете деньги.
Одна кнопка - и ваша жизнь перевернётся в лучшую сторону
▪️ Точка А: немного времени и подписка на канал @academit.
▪️ Точка Б: вы востребованный специалист, зарабатываете более $3.000 в месяц, многомиллионные контракты, успешный успех.
@academit - отправная точка в любую IT-отрасль: дизайн, маркетинг, разработка, менеджмент.
Бесплатно проходите любой курс - делаете деньги.
Одна кнопка - и ваша жизнь перевернётся в лучшую сторону
🔥Десктопные приложения на JavaScript.
Ни для кого не секрет, что в наше время JavaScript стал одним из самых популярных языков программирования. В далекие 90е годы, в момент зарождения языка, когда он был создан с единственной целью добавить интерактивность веб страницам и улучшить процесс взаимодействия с пользователем, кто бы мог подумать, что он достигнет столь небывалых высот.
Статья
Ни для кого не секрет, что в наше время JavaScript стал одним из самых популярных языков программирования. В далекие 90е годы, в момент зарождения языка, когда он был создан с единственной целью добавить интерактивность веб страницам и улучшить процесс взаимодействия с пользователем, кто бы мог подумать, что он достигнет столь небывалых высот.
Статья
Telegraph
Десктопные приложения на JavaScript.
По первым буквам можно прочитать – Node.js + Webkit, если данные понятия вам пока не знакомы, то скоро вы поймете о чем идет речь. Node.js – программная платформа, основанная на движке V8, который транслирует наш скрипт в машинный код. Данная платформа была…
Показательный факт: IT – самый большой тренд 2021 года.
Даже пройдя фиговенький курс по проге, вы сможете работать дома, получать норм зарплату и писать программы для Google или Apple.
Главное – не ходить на курсы и учиться в проверенных местах. Например, в канале @igrodel_it.
Ребята собрали всю инфу, которая нужна для старта в айти: уроки, примеры, инструкции, готовые методички и лайфхаки.
Подписывайтесь, это лучший канал для старта в айти: @igrodel_it
Даже пройдя фиговенький курс по проге, вы сможете работать дома, получать норм зарплату и писать программы для Google или Apple.
Главное – не ходить на курсы и учиться в проверенных местах. Например, в канале @igrodel_it.
Ребята собрали всю инфу, которая нужна для старта в айти: уроки, примеры, инструкции, готовые методички и лайфхаки.
Подписывайтесь, это лучший канал для старта в айти: @igrodel_it
Нужен человек для просмотра рекламных промо-роликов с зарплатой 3.800 рублей в день! Это не шутка! Срочно!
Также ищем:
- Оператора ПК
- Администратора в интернет-магазин
- Помощник руководителя
- Оператор Call-центра
НОВОБРАНЕЦ публикует вакансии для тех у кого нет опыта. Если ты ничего не умеешь - добро пожаловать. Работодатели не требуют квалификации!
Найди работу на НОВОБРАНЦЕ и получи деньги за 15 минут!
Также ищем:
- Оператора ПК
- Администратора в интернет-магазин
- Помощник руководителя
- Оператор Call-центра
НОВОБРАНЕЦ публикует вакансии для тех у кого нет опыта. Если ты ничего не умеешь - добро пожаловать. Работодатели не требуют квалификации!
Найди работу на НОВОБРАНЦЕ и получи деньги за 15 минут!
Telegram
Бизнес Атмосфера
Пространство, где предприниматели, бизнесмены и будущие лидеры черпают инсайты и прокачивают бизнес 💫
Сотрудничество: @AlexeyAtmos
РКН А+ https://clk.li/BbvV
Сотрудничество: @AlexeyAtmos
РКН А+ https://clk.li/BbvV
Рассказ о том, почему в 2021 году лучше выбирать TypeScript, а не JavaScript
Недавно я, используя React Native, занимался разработкой мобильного приложения для медитации Atomic Meditation. Эта программа помогает тем, кто ей пользуется, выработать привычку медитировать, ежедневно уделяя этому занятию какое-то время. В ходе работы у меня появились серьёзные причины приступить к изучению TypeScript и начать пользоваться им вместо JavaScript в проектах среднего и крупного размера.
[ Статья ]
Недавно я, используя React Native, занимался разработкой мобильного приложения для медитации Atomic Meditation. Эта программа помогает тем, кто ей пользуется, выработать привычку медитировать, ежедневно уделяя этому занятию какое-то время. В ходе работы у меня появились серьёзные причины приступить к изучению TypeScript и начать пользоваться им вместо JavaScript в проектах среднего и крупного размера.
[ Статья ]
Сидишь дома без работы из за коронавируса? Всем людям от 17 и без денег!
— Можешь найти картинку в Яндексе и выложить в инстаграм ?
— Умеешь печатать на клавиатуре ?
— Знаешь хотя бы один иностранный язык ?
На канале Проект на «час» можно заработать 22.000 рублей за месяц если ты бездарь и до 100.000 рублей за короткую часовую работу, если ты талантище
Найди быструю подработку даже если у тебя нет опыта!
— Можешь найти картинку в Яндексе и выложить в инстаграм ?
— Умеешь печатать на клавиатуре ?
— Знаешь хотя бы один иностранный язык ?
На канале Проект на «час» можно заработать 22.000 рублей за месяц если ты бездарь и до 100.000 рублей за короткую часовую работу, если ты талантище
Найди быструю подработку даже если у тебя нет опыта!
Telegram
Бизнес Проект
🌍 Лучшие бизнес-практики из мира финансов и стартапов — в одном месте
Реклама: @VladCortez
А+ Включен Роскомнадзором в перечень персональных страниц: https://vk.cc/cFWwwQ
Реклама: @VladCortez
А+ Включен Роскомнадзором в перечень персональных страниц: https://vk.cc/cFWwwQ
Выбор CSS макета — Grid или Flexbox?
Удачно оформленный макет удерживает пользователей на сайте, так как делает важные элементы доступными и легко находимыми. Слабые же макеты отпугивают посетителей, которые покидают ресурс, так и не найдя того, за чем пришли.
Читать статью.
#css #grid #flexbox
Удачно оформленный макет удерживает пользователей на сайте, так как делает важные элементы доступными и легко находимыми. Слабые же макеты отпугивают посетителей, которые покидают ресурс, так и не найдя того, за чем пришли.
Читать статью.
#css #grid #flexbox
Telegraph
Выбор CSS макета — Grid или Flexbox?
Удачно оформленный макет удерживает пользователей на сайте, так как делает важные элементы доступными и легко находимыми. Слабые же макеты отпугивают посетителей, которые покидают ресурс, так и не найдя того, за чем пришли. В веб-дизайне макет – это то, как…
Как мы потерпели неудачу, а затем преуспели в переходе на TypeScript
На самом деле, если цель состояла в том, чтобы полностью переключиться на TS, мы двигались в неправильном направлении. Да, код на TS добавлялся, но количество кода на CoffeeScript росло быстрее. TypeScript и CoffeeScript нацелены на один и тот же рантайм Node.js, который, как ожидалось, должен был облегчить переход, но, несмотря на желание большого числа разработчиков перейти на TypeScript, мы не набрали большого импульса и не направлялись к будущему без CoffeeScript.
Читать историю...
На самом деле, если цель состояла в том, чтобы полностью переключиться на TS, мы двигались в неправильном направлении. Да, код на TS добавлялся, но количество кода на CoffeeScript росло быстрее. TypeScript и CoffeeScript нацелены на один и тот же рантайм Node.js, который, как ожидалось, должен был облегчить переход, но, несмотря на желание большого числа разработчиков перейти на TypeScript, мы не набрали большого импульса и не направлялись к будущему без CoffeeScript.
Читать историю...
5 приемов по разделению «бандла» и «ленивой» загрузке компонентов в React.
Разделение Javascript-кода на несколько файлов называется разделением «бандла» или сборки (bundle splitting). Это позволяет загружать только тот код, который который используется приложением в данный момент, другие части загружаются по необходимости (по запросу пользователя).
[ Статья ]
#js #react
Разделение Javascript-кода на несколько файлов называется разделением «бандла» или сборки (bundle splitting). Это позволяет загружать только тот код, который который используется приложением в данный момент, другие части загружаются по необходимости (по запросу пользователя).
[ Статья ]
#js #react
Как работать в команде, которая пишет на 5 языках
Рассказ тимлида одной из команд доставки в компании Lamoda.
- "В нашей команде используются сразу пять языков программирования: PHP, Go, Typescript, Java и Kotlin. Когда я впервые услышал об этом на собеседовании, подумал, что так работать невозможно — все слишком разное. Но спустя год мое мнение кардинально изменилось, и я нашел много преимуществ в таком подходе.
В этой статье я расскажу:
О нашем направлении и системах, обслуживающих доставку;
Как мы живем с таким разнообразием технологий;
Как планируем работу над разноплановыми задачами;
Как растим экспертизу в fullstack-команде и расширяем направление."
[ Статья ]
#common_tech #common
Рассказ тимлида одной из команд доставки в компании Lamoda.
- "В нашей команде используются сразу пять языков программирования: PHP, Go, Typescript, Java и Kotlin. Когда я впервые услышал об этом на собеседовании, подумал, что так работать невозможно — все слишком разное. Но спустя год мое мнение кардинально изменилось, и я нашел много преимуществ в таком подходе.
В этой статье я расскажу:
О нашем направлении и системах, обслуживающих доставку;
Как мы живем с таким разнообразием технологий;
Как планируем работу над разноплановыми задачами;
Как растим экспертизу в fullstack-команде и расширяем направление."
[ Статья ]
#common_tech #common
🔥5 основных библиотек для вашего следующего приложения React🔥
👉🏻Formik - Почти все веб-приложения имеют формы. И формы это сложная вещь, чтобы делать их правильно. Нет ничего более разочаровывающего для пользователя, чем форма, которая не работает правильно или сбрасывается после проверки ошибок. Ключ к хорошему пользовательскому опыту в ваших веб-приложениях - убедиться, что вы правильно делаете формы.
👉🏻Downshift - Трудно сделать выпадающий список, который будет доступен и пригоден для большого числа интернет-пользователей, которые полагаются на программы чтения с экрана. Трудно заставить его работать должным образом для пользователей клавиатуры.
Вот почему я люблю использовать Downshift.
👉🏻CSS-Modules - Когда я начинаю новый проект React, я обычно выбираю CSS-модули. Поддержка встроена в приложение create-react-app, поэтому легко начать работу. Конечно, я мог бы избежать зависимости, следуя БЭМ, но тогда мне нужно было бы научиться использовать БЭМ 😉. CSS-Модули дают мне предсказуемый CSS без суеты.
👉🏻Библиотеки тестирования - Тестирование экономит мне так много времени. Когда я работаю над сложной функцией или компонентом, между дизайном, продуктом и разработкой всегда есть взаимодействие. Дизайнер может запросить визуальные или пользовательские изменения. Продукт может запрашивать изменения UX. Я постоянно возвращаюсь назад, реорганизую и обновляю поведение компонента.
Источник:
[ 5 Essential Libraries For Your Next React Application ]
#react #resouces
👉🏻Formik - Почти все веб-приложения имеют формы. И формы это сложная вещь, чтобы делать их правильно. Нет ничего более разочаровывающего для пользователя, чем форма, которая не работает правильно или сбрасывается после проверки ошибок. Ключ к хорошему пользовательскому опыту в ваших веб-приложениях - убедиться, что вы правильно делаете формы.
👉🏻Downshift - Трудно сделать выпадающий список, который будет доступен и пригоден для большого числа интернет-пользователей, которые полагаются на программы чтения с экрана. Трудно заставить его работать должным образом для пользователей клавиатуры.
Вот почему я люблю использовать Downshift.
👉🏻CSS-Modules - Когда я начинаю новый проект React, я обычно выбираю CSS-модули. Поддержка встроена в приложение create-react-app, поэтому легко начать работу. Конечно, я мог бы избежать зависимости, следуя БЭМ, но тогда мне нужно было бы научиться использовать БЭМ 😉. CSS-Модули дают мне предсказуемый CSS без суеты.
👉🏻Библиотеки тестирования - Тестирование экономит мне так много времени. Когда я работаю над сложной функцией или компонентом, между дизайном, продуктом и разработкой всегда есть взаимодействие. Дизайнер может запросить визуальные или пользовательские изменения. Продукт может запрашивать изменения UX. Я постоянно возвращаюсь назад, реорганизую и обновляю поведение компонента.
Источник:
[ 5 Essential Libraries For Your Next React Application ]
#react #resouces
Проблемы рендера семи тысяч элементов на Vuetify (личный опыт).
После написания кода, я, довольный, окинул взглядом свою таблицу и пошел спать. На следующий день мне предстояло импортировать 150+ проектов заказчика в свою таблицу. После импорта, я удивился тому, что браузер повис. Ну, бывает, просто переоткрою вкладку. Не помогло. Я впервые столкнулся с проблемой, что я рендерю слишком много, как для движка, так и для самого браузера. Пришлось начать думать.
[ Статья ]
После написания кода, я, довольный, окинул взглядом свою таблицу и пошел спать. На следующий день мне предстояло импортировать 150+ проектов заказчика в свою таблицу. После импорта, я удивился тому, что браузер повис. Ну, бывает, просто переоткрою вкладку. Не помогло. Я впервые столкнулся с проблемой, что я рендерю слишком много, как для движка, так и для самого браузера. Пришлось начать думать.
[ Статья ]
