Бинарный поиск

Алгоритмы. Бинарный поиск.

РубрикиJS Front-end
704

Всем привет. Сегодня я хотел бы поговорить с вами на тему алгоритмов и как можно их применять на практике. Зачем знать алгоритмы? Любое приложение которые вы создаете или сайт со временем будет разрастаться и вам потребуется его оптимизировать. Для этого вам и потребуется те самые знание алгоритмов. Читать далее «Алгоритмы. Бинарный поиск.»

0
пишем свою jQuery

Пишем свою jQuery

РубрикиJS jQuery Front-end
2 462

Доброго времени суток друзья. Сегодня, специально для любителей попилить на нативном javascript я написал эту небольшую статью как мини туториал по написанию своей собственной jquery (на примере реализации нескольких функций). Давайте же приступим к практике. Поехали.

Требования при чтение данной статьи:
— знания основ ООП
— знание this (контекста вызова)
—  collback Читать далее «Пишем свою jQuery»

0
Пишем свой плагин на чистом JavaScript.

Пишем свой плагин на чистом JavaScript. Создание слайдера фотографий.

Рубрикиjunior JS Front-end
6 923

Всем привет. Сегодня я хочу продолжить тему создания карусели на нативном JavaScript. В предыдущей статье мы уже создали простую карусель которую вы можете использовать на вашем сайте. Давайте чуть усложним нашу карусель и сделаем из нее полноценны плагин. Для понимания данного урока вам потребуется базовое знание ООП и контекста вызова в JS. Читать далее «Пишем свой плагин на чистом JavaScript. Создание слайдера фотографий.»

0
Курс для Junior разработчика. Основы JavaScript. Синтаксис. Часть 1.

Курс для Junior разработчика. Основы JavaScript. Синтаксис. Часть 1.

Рубрикиjunior JS Front-end
1 153

Доброго времени суток дорогой друг. Если ты читаешь эту статью то ты видимо имеешь желание начать изучать JavaScript. Я не буду сейчас пересказывать историю создания данного языка т.к. можно это узнать прочитав статью в Википедии. Мне бы хотелось обратить твое внимание именно на практическую часть. Меня всегда волновали вопросы эффективного обучения и способности достигать своей цели быстрее чем другие. Я искренне считаю что стать мастером своего дела можно лишь основательно изучив основу и дальше приобретая опыт практической разработки. В этой серии статей я хочу пройтись именно по базовым частям языка с целью максимального понимания их в дальнейшей работе.

Важное замечание.  Я буду приводить примеры в синтаксисе ES5 (ES6 будет рассматриваться в отдельных статья). Хватит слов, поехали)) Читать далее «Курс для Junior разработчика. Основы JavaScript. Синтаксис. Часть 1.»

0
Виды компонентов в React.js

React. Виды компонентов в React.js

Рубрикиjunior JS Front-end ReactJS
3 869

Приветствую тебя! Сегодня мы поговорим на такую тему как компоненты в react.js. Какие виды компонентов бывают и где мы их можем использовать.

Функциональный компонент (stateless component)

Компонент бывают простыми и сложными. Для написания простоватого (чистого) компонента нам потребуется объявить его функцией. Читать далее «React. Виды компонентов в React.js»

0
Web уроки простыми словами. WEB TRICKS MASTER Git — ветвление в git на простых примерах

Git — ветвление в git на простых примерах

30 957

Всем доброго времени суток. Сегодня мы продолжаем тема работы с git. Давайте рассмотрим такую часто встречающуюся задачу на практике как работа с ветками.

Для чего нам вообще нужны ветки? Часто задачи над которыми вы работаете несут характер дополнительных ответвлений от начального продукта. Например мы ‘’пилим» приложение которое обрабатывает заявки в интернет магазине. Основной функционал уже написан и тут заказчик просит внедрить новый функционал, но еще не известно будет ли он в итоге выливаться в продакшен. Именно для этого нам и нудны дополнительные ветки. Мы можем продолжать работу в основной ветки ( по умолчанию эту ветку называют master ) и при необходимости работать в отдельной ветки и мержеть правки в основную. Читать далее «Git — ветвление в git на простых примерах»

0
git быстрый старт

Git быстрый старт. Работа с github

1 697

Всем привет. Бывало такое что ты долго работал над проектом, все шло хорошо, а затем ты делал ошибку и не как ни мог ее поправить?  Именно для этого самые умные программисты и стали разрабатывать системы контроля версий. Чтобы можно было легко вернуться на место твоего последнего коммита. Сегодня я хочу поговорить о такой СКВ как git, детищем Линуса Торвальдса.

Читать далее «Git быстрый старт. Работа с github»

0
Создание нашего первого React приложения

React.js для junior

Рубрикиjunior JS Front-end ReactJS
1 105

Создание нашего первого React приложения.

Всем привет. Это вводная статья по работе с библиотекой React.js. Для того что бы начать писать свой проект нужно подготовить соотвествующие окружение. Есть несколько способов сделать это.

1. Скачать отдельно библиотеку react и react-dom а также транспиллер babel для es6 с репозитория на githube

2. Воспользоваться create-react-app

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

Читать далее «React.js для junior»

0
Создание слайдера фотографий на чистом javascript

Создание слайдера фотографий на чистом javascript

6 666

Всем привет. С вами Corvax. Сегодня я вам покажу как легко можно создать совой слайдер галереи фотографий на чистом javascript. Приступим.

В начале нам нужно будет создать структуру проекта. Вот пример:

структура слайдера

Читать далее «Создание слайдера фотографий на чистом javascript»

1+

Быстрое создание «гамбургер» меню на jQuery

16 022

Всем привет. С вами Corvax. Сегодня я хочу продолжить тему мобильных меню и предложить вам сделать тоже меню но только используя jQuery. Поехали.

Создание HTML макета



		<nav>
            <div class="wrapper">
             <div class="menuToggle">Меню</div>
            <ul class="menu clearfix">
                <li><a href="#">Главная</a></li>
                <li><a href="#">Страница1</a></li>
                <li><a href="#">Страница2</a></li>
                <li><a href="#">Страница3</a></li>
                <li><a href="#">О нас</a></li>
            </ul>
           </div>
        </nav>
        <section class="b-content">
            <div class="wrapper">
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis 
				 autem consequatur eum facere neque. Tenetur laboriosam 
				 repellendus neque fuga, velit, totam, est, aspernatur 
				 sunt sapiente earum quo beatae. Fuga, officia.
             </div>
         </section> 
		 

Читать далее «Быстрое создание «гамбургер» меню на jQuery»

1+