Будни Фронта
877 subscribers
26 photos
116 links
Всё о Front-end разработке

От полезных статей, инструментов, задач до заметок программиста

Ссылка на чат - https://t.me/joinchat/UpsaVna2uLFHSSyp

Наш ютуб канал: http://bit.ly/3uvNrQF
Download Telegram
Углубление в console.log - повышай уровень навыков отладки

Каждый frontend-разработчик знает про объект console, с помощью которого частенько мы отлаживаем наш код. Но копал ли ты в последнее время еще глубже? В твоем распоряжении есть несколько мощных инструментов, которые, произведут революцию в твоей работе.

https://bit.ly/2P95aNP

#статьи #советы #javascript

@BudniFronta
Записи и кортежи в JS

Записи и кортежи - это новые неизменяемые типы данных JavaScript, которые в настоящее время находятся на этапе 2 процесса утверждения стандартов TC39. Они могут быть изменены и в настоящее время недоступны ни в одном браузере или во время выполнения, но рабочие реализации должны появиться в течение следующего года. Они помогают решить пару запутанных головоломок, с которыми сталкиваются программисты…

https://bit.ly/3sIW3B9

@BudniFronta #статьи #javascript
Что такое ViteJS? Обзор нового инструмента сборки для frontend

Vite - это инструмент сборки, который значительно улучшает опыт разработки фронтенда. С помощью Vite можно создать среду разработки для таких фреймворков, как Vue и React и даже для ванильного JavaScript-приложения с dev-сервером и hot reloading всего за три команды.

https://teletype.in/@budnifronta/JfkXz6agITq

@BudniFronta #статьи #javascript
Array.map() в JavaScript

Итак, ты начал изучать метод map массива и хочешь узнать, как он работает на самом деле?

Сегодня для тебя я подготовил три примера и дополнительный бонусный пример, который поможет тебе понять, как можно переписать map.

https://teletype.in/@budnifronta/pJrrzPCiHZl

@BudniFronta #статьи #javascript
10 приемов JS для повышения эффективности

Удобные и полезные методы, позволяющие сократить количество строк кода и ускорить разработку!

В наших повседневных задачах мы можем писать такие функции, как сортировка, поиск, поиск уникальных значений, передача параметров, замена значений и т.д., поэтому здесь я представляю свой список сокращенных методов, чтобы написать все из них как Pro! ✌🏻

https://teletype.in/@budnifronta/rsqthXH_19O

@BudniFronta #статьи #javascript
Создание фреймворков JavaScript для завоевания eCommerce

Было время, когда я никогда бы не подумал, что нужно писать такую статью. Если бы вы спросили кого-нибудь, как работал веб-сайт даже 10 лет назад, ответ был бы довольно простым. Сайт состоит из набора HTML-документов, которые находятся в определенных местах (URL-адресах), каждый из которых описывает способ отображения страницы и предоставляет ссылки для перехода на дополнительные страницы. Для запроса и отображения этих страниц используется веб-браузер.

https://teletype.in/@budnifronta/Vcsfc175kQW

@BudniFronta #javascript #frameworks #eCommerce
Взгляд на компиляцию в фреймворках JavaScript

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

Если вы посмотрите на весь спектр инструментов сборки, которые мы используем, каждый фреймворк улучшен за счет некоторого предварительного процесса сборки. И если вы хотите использовать его в естественных условиях, вы можете остановиться, как это сделал @swyx в своей статье. Языковые серверы - это новые фреймворки, вплоть до самого языка.

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

https://teletype.in/@budnifronta/IooWS5t8mOe

@BudniFronta #javascript #frameworks
10 чудесных инструмента для разработчиков на React

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

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

https://teletype.in/@budnifronta/26ngOUzlrE1

@BudniFronta #javascript #react
Способы писать лучше на JavaScript

Не так много людей, которые рассказывают о способах улучшения JavaScript. Вот некоторые из основных методов, которые я использую, чтобы писать более качественный JS код.

https://teletype.in/@budnifronta/ZFyTOoKGcCY

@BudniFronta #javascript #ecmascript
5 навыков разработки Frontend, чтобы получить свою первую работу

Когда вы собираетесь начать свою карьеру в ИТ-индустрии, у вас есть множество вариантов для старта. Существует множество языков программирования, фреймворков и библиотек, таких как HTML, CSS, JavaScript, TypeScript, Java, Python, React, Angular, C#, C++, PHP и многие другие. Из-за такого количества вариантов вы можете запутаться в выборе пути, с которого вам следует начать.

Честно говоря, если вы запутались и чувствуете себя подавленным, вы не одиноки. Я тоже был в такой ситуации. Теперь я понял, что совершил несколько ошибок на своем пути от новичка до старшего инженера-программиста. И я знаю, что я не один совершил эти ошибки. Поскольку у меня не было ясности в том, с чего и как я могу начать, я тратил много времени на ненужные вещи.

Одна из ошибок, которую совершает большинство новичков, заключается в том, что они тратят так много времени, перескакивая с одного предмета на другой, и ничему не учатся. Поэтому в этой статье я дам вам четкий и надежный путь обучения для начала Front End разработки, чтобы вы тратили свое время на то, что имеет наибольшее значение.

https://teletype.in/@budnifronta/OYAsMwSCx5q

@BudniFronta #frontend #javascript
7 приемов JS, которым никто не учит

JavaScript, без сомнения, является одним из самых крутых языков в мире и с каждым днем набирает все большую популярность. Поэтому сообщество разработчиков нашло некоторые хитрости и советы по использованию JS уже довольно давно. Сегодня я поделюсь с 7 из них!

https://teletype.in/@budnifronta/hIc4WyRPJc5

#javascript
"О" большое и временная сложность в JS

Понятие нотации "О большое" и временная сложность являются фундаментальными понятиями в компьютерной науке.

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

https://teletype.in/@budnifronta/IhkJZjdiQ2m

#algorithm #javascript
Что такое функции высшего порядка в JS?

Слышали ли вы, как ваши коллеги говорят о функциях высшего порядка в JavaScript? Не волнуйтесь, если вы потерялись в разговоре и не знаете, что это такое. В этом посте мы узнаем о функциях высшего порядка и о том, почему они полезны.

https://teletype.in/@budnifronta/nU9Cf8huMpI

#JavaScript
Лучшие IDE для JS разработки

Вы когда-нибудь задумывались о том, какая IDE лучше всего подходит для разработки? Сегодня вы узнаете о том, какая самая лучшая IDE для разработки JavaScript. Прежде чем мы начнем подборку, давайте посмотрим на JavaScript и IDE.

https://teletype.in/@budnifronta/RZ54_qS93El

#ide #javascript
var, let, const: в чем разница?

Сегодня мы поговорим о важной теме, которую необходимо знать разработчику JavaScript. Каждый день вы используете var, let или/и const, но знаете ли вы разницу между ними. Об этом сегодня мы и поговорим.

https://teletype.in/@budnifronta/FWwnkwtNzHF

#javascript #var #let #const
Топ-5 функционала JavaScript ES12

Сегодня я подробно продемонстрирую 5 лучших возможностей, предлагаемых ECMAScript 2021, чтобы вы могли начать использовать их в своих проектах и улучшить свой опыт работы с JavaScript. Эта статья будет полезна как начинающим, так и опытным разработчикам.

https://teletype.in/@budnifronta/nggGK6JVbPx

#javascript #ecmascript #es12
Почему не следует винить JavaScript

В этой статье я объясню, почему не стоит критиковать JavaScript за его плохие стороны. Также я объясню, что можно сделать для решения распространенных проблем в JavaScript.

https://teletype.in/@budnifronta/XwBKFAeSNpL

#JavaScript