<p>На вебинаре мы продолжим знакомство с &laquo;продвинутыми&raquo; техниками тестирования, которыми должен владеть опытный C# разработчик. Первая встреча по этой теме состоялась 4 марта, <a href="https://itvdn.com/ru/webinars/description/testing-techniques-csharp">запись вебинара</a> доступна на нашем сайте.</p> <p>На первой встрече были рассмотрны такие техники тестирования:</p> <ol> <li style="margin-left: 36pt;">Property based testing.</li> <li style="margin-left: 36pt;">Performance testing.</li> <li style="margin-left: 36pt;">Load testing.</li> </ol> <p>Ниже перечислены техники, которые мы рассмотрим на встрече 27 мая.</p> <p><strong>Approval</strong><strong> testing</strong><strong>.</strong></p> <p>Техника тестирования, применяемая зачастую в юнит-тестах, для наглядного человеко-читаемого сравнения тестовых результатов. Данная техника тестирования призвана решить проблему, возникающую при попытке протестировать функции, который имеют на выходе более сложный результат чем обычные строка, число, или даже простой объект с несколькими полями.</p> <p><strong>Mutation</strong><strong> testing</strong><strong>.</strong></p> <p>Техника тестирования, применяемая для проверки достаточности и корректности покрытия кода тестами. Основана на так называемых мутациях &ndash; небольшие изменения кода программы, само мутационное тестирование проверяет реакцию изначальных тестов на заранее заданный набор мутаций.</p> <p><strong>Architecture</strong><strong> testing</strong><strong>.</strong></p> <p>Техника тестирования, применяемая для постоянно растущих проектов, в которых происходит постоянное усложнение кодовой базы и сценариев использования. Данная техника использует специальные тесты, которые инкапсулируют в себе конвенции об именовании классов, пространств имён, проектов, а также о самом дизайне приложения и о его зависимостях.</p> <p>Участников вебинара ждет немного теории, примеры и ответы на вопросы. Все примеры будут на языке С#.</p> <p><strong>План </strong><strong>вебинара:</strong></p> <ol> <li>Approval testing.</li> <li>Mutation testing.</li> <li>Architecture testing.</li> </ol> <p><strong>Целевая аудитория:</strong></p> <p>Данный вебинар будет интересен С# разработчикам, а также тестировщикам, которые уже знакомы с пирамидой тестирования и желают узнать больше про остальные техники тестирования, которые не ограничиваются пирамидой тестирования. Перед просмотром вебинара желательно иметь представление о базовых темах, вроде Unit testing, Integration testing, Functional testing.</p>

Так как 2017 год совсем недавно остался позади, наша команда решила сделать небольшой новогодний подарок в виде разбора лучших сред автоматического тестирования, обладающих, помимо прочего, открытым исходным кодом. 1. Robot Framework Robot Framework – это фреймворк для приемного тестирования (Acceptance Testing) и, помимо прочего, так называемого ATDD (Acceptance Test-Driven Development). Среда написана на языке Python, но также может быть развернута в рамках Jython (Java) и IronPython (.NET). По сей причине считается кроссплатформенной, ибо поддерживает Windows, Linux и MacOS соответственно. Достоинства: Упрощает автоматическое тестирование благодаря использованию подхода keyword-driven тестирования, в значительной мере помогая тестерам в создании читабельных, легко производимых тестов.  Простота в использовании «тестового синтаксиса». Имеет в наличии отменную среду, включающую в себя богатый набор различных инструментов и библиотек, выполненных в виде отдельных проектов. Огромное количество различных API делает систему очень гибкой. Хотя и не в виде встроенной функции, однако Robot Framework позволяет проводить параллельные тесты при использовании библиотеки pabot или Selenium Grid. Недостатки: Трудно настроить структуру html-отчетов. Примечание: эта среда будет очень полезной, если Вы нацеливаетесь на Keyword-Driven тестирование – и обширная база библиотек и расширений вряд ли заставит Вас в этом усомниться. Однако, чтобы добавить новые ключевые слова (RF test library API) базовые познания Java/Python/C программирования обязательны. 2. JUnit JUnit – это среда для проведения юнит-тестов для приложений, написанных на языке Java. Достоинства: Тесты пишутся при помощи чистейшего Java – одного из лидирующих языков программирования современности. Поддерживает TTD. Позволяет создать свой собственный пакет для юнит-тестирования. Прекрасно интегрируется в различные инструменты разработчика (к примеру – Maven) или среды разработки (к примеру, IntelliJ). Благодаря достаточно высокой популярности поиск документации не составляет труда. Недостатки: Если необходимо использовать возможности mock-объектов, пользователь вынужден прибегать к помощи сторонних библиотек (Mockito или другие). Чтение тестов у людей без технического образования может вызвать затруднения, так как, к примеру, имена методов в JUnit ограничены условностями языка Java. Примечание: для тех разработчиков, которые желают писать юнит-тесты для собственных Java-приложений JUnit, пожалуй, лучшее из того, что можно бы пожелать. Однако, в случае если речь идет о функциональном тестировании программ, написанных на других языках, вероятно, Вам стоит выбрать другую среду. 3. Spock Spock – это среда тестирования и спецификации для приложений, написанных на языках Java или Groovy. За основу взята среда JUnit. Достоинства: Позволяет создавать читабельные тесты с поддержкой чисто английских предложений, без необходимости следовать ограничениям языков программирования. Предоставляет информативный контекст возникнувшей проблемы. Плюс, дает легко понять, что необходимо сделать, дабы исправить обнаруженный недостаток. Имеет встроенную поддержку mock и stab объектов. Поддерживает DDT (Data-Driven Tests). Недостатки: Требует базовых знаний языка программирования Groovy. Примечание: идеально подойдет, если Ваше приложение базируется на JVM, плюс, Вы нацеливаетесь на BDD автоматическое тестирование с DSL. 4. NUnit NUnit – среда для юнит-тестирования языков .NET виртуальной машины. Имевшей однажды огромное влияние JUnit, среда NUnit была полностью написана на C#. Помимо прочего, в арсенале так же имеется целый спектр новых возможностей, позволяющих использовать все преимущества языков .NET. Достоинства: Быстрая инициализация и выполнение теста. Использует методы типа Assert с поддержкой аннотаций. Позволяет проводить параллельное тестирование. Поддерживает TDD. Недостатки: Так как использует только языки .NET стандарта, не является кроссплатформенным. Интеграция в среду Visual Studio не представляется возможной. Использование NUnit означает больше расходов на сопровождение проекта. Примечание: прекрасный фреймворк юнит-тестирования для C# с открытым исходным кодом, долгой историей и проверенной репутацией. Однако, в случае, если вы уже активно работаете с .NET языками, обратите свое внимание на MSTest. 5. TestNG TestNG – сервис автоматического тестирования для Java. По сути, это те же JUnit и NUnit, но с улучшениями и новым функционалом (ибо NG читается как «новое поколение» - Next Generation). Среда была разработка для покрытия всех видов тестирования, которые только могут понадобится. А именно: юнит-тестирование, функциональное тестирование, тестирование интеграции и прочее. Достоинства: Прост во внедрении в проект. Позволяет разработчику писать гибкие и всеобъемлющие тесты. Поддерживает DDT. Простые в понимании аннотации. Простота в группировании тестовых кейсов. Позволяет создавать параллельные тесты. Недостатки: Так как поддерживает только Java, Вы должны иметь хотя бы базовые познания этого языка. Установка и калибровка среды тестирования занимает время. Примечание: если вы работаете с Java, ищите инструмент для мульти задачного тестирования и можете уделить некоторое время на установку программы – TestNG определенно для Вас. 6. Jasmine Jasmine – среда для юнит-тестирования JavaScript. Так же известен как Behavior Driven Development (BDD) подход JavaScript тестирования. Идеально подходит для веб-сайтов, проектов Node.js и вообще для всего, где JavaScript может найти свое применение. В основном используется в связке с AngularJS. Достоинства: Кроме JavaScript, так же может быть применен по отношению к Python или Ruby. Чрезвычайно полезен, если Вам нужен один сервис тестирования как для клиентской разработки, так и для серверной. Поддерживается множеством CI (Codeship, Travic и прочее). Имеет встроенный Assert-синтаксис. Недостатки: В большинстве сценариях требует прогонщика тестов (такого как Karma). В случае с асинхронным тестированием возникают трудности. Примечание: Jasmine может оказаться прекрасным решением, если Вы нуждаетесь в унифицированном (клиент-серверном) сервисе юнит-тестирования. 7. Mocha Mocha – это еще один сервис JavaScript юнит-тестирования с занятным для русскоязычного сектора названием и отнюдь не банальным функционалом. Используется на NodeJs, в основном часто применяется в связке с ReactJS. Достоинства: Обладает встроенным тестовым прогонщиком. Поддерживает асинхронное тестирование. Позволяет большую гибкость, так как Вы спокойно можете использовать любую Assert-библиотеку (Chai, expect.js, Must.js прочие), которая будет отвечать Вашим требованиям (как замена стандартной NodeJs функции «assert»). Недостатки: Относительно новый сервис (появился в 2012 году), что означает он в активном развитии и некоторые аспекты технологии могут быть не до конца задокументированными. Предоставляет только базовую структуру тестов, плюс требует дополнительную ручную установку и конфигурацию (для кого-то может быть плюсом). Примечание: если Вы ищите независимую среду юнит-тестирования для JavaScript, Mocha – Ваше все! А какую среду автоматического тестирования используете Вы? Что хорошего и что не очень Вы могли бы о ней сказать? Пожалуйста, приобщайтесь к дискуссии в комментариях! 😊 Автор перевода: Евгений Лукашук Оригинал статьи

Введение Я достаточно давно использую git практически во всех проектах. За это время я успел многому научиться и хочу поделиться опытом с читателями. Как известно, все новое пугает. Так говорит половина моих знакомых, которые не захотели потратить пару часов, чтобы разобраться с git раз и навсегда. Скорее всего, после прочтения этой статьи и они, и вы поймете, что это проще, чем кажется. Я постараюсь показать, как эта VCS (Version Controll System) помогает разрабатывать проект. Эта статья рекомендована к прочтению тем, кто только делает первые шаги в разработке больших проектов. Итак, Git — это «распределенная система контроля версий», где «система контроля версий» означает то, что она запоминает историю изменения своих файлов, а распределенная значит то, что мы можем работать с ней без доступа к интернету. Для того чтобы начать: Git акаунт на https://github.com Консоль или же графический интерфейс. Человек по ту сторону монитора, что сможет это поставить под свою ось, будь то Windows, Mac OS или Linux . Моё окружение - это Mac OS X + Webstorm + Git + Bash . Если у вас Windows, то, скорее всего, будет msysgit (git-bash) + TortoiseGit. Как вы уже поняли, придется работать с консолью, потому вам будет необходимо усвоить несколько команд для установки git на вашу операционную систему. Поговорим немного о том, как же установить git: Установка для Linux Установить Git под Linux как бинарный пакет можно, используя обычный менеджер. Если у вас установлена Fedora, можно воспользовать yum: $ yum install git-core Если же у вас дистрибутив, например, Ubuntu,  то вам нужно: $ apt-get install git Установка для Mac Существует два способа установки Git на Mac OS X. Первый - использовать графический компоновщик Git, который вы можете скачать здесь: http://goo.gl/nB31LK или же, для более продвинутых пользователей, просто вставьте следующую строчку в терминал $ sudo port install gitweb + git-core +doc  + bash_completion Установка в Windows Настроить Git в Windows просто: у проекта msysGit процедура установки  самая легкая. Просто скачайте *.exe инсталлятор на GitHub: http://goo.gl/cmGQSj После установки у вас будет и консольная версия, и стандартная графическая. Остались вопросы по установке? Тогда вам сюда - https://goo.gl/lec2M0 Git — это коллекция инструментов для решения определенных проблем. Давайте рассмотрим компоненты Git пошагово: Коммиты Коммит (патч) — показывает некоторые изменения в файлах, что подверглись изменениям с момента предыдущего коммита. Коммит также содержит заголовки, в которых есть автор, время его создания и прочее. Git-коммит шифрует это в заголовке «parent», указывая, после какого коммита его нужно наложить. Как применить коммит к другому коммиту? Мы можем применить коммит только к полному набору файлов. Но после этого мы получим измененный набор файлов. Поэтому «коммит» также показывает состояние репозитория после добавления нового патча. История Git — это вся цепочка изменений для воссоздания кодовой базы с нуля, коммит за коммитом. История коммиттов может выглядеть так: Commit C: Родитель — B. Добавь “Systematics” в конец файла «readMe.txt». Commit B: Родитель — A. Добавь “Bionic” в конец файла «readMe.txt». Commit A: Создай файл «readMe.txt», содержащий “Cyber”. Commit A здесь первый, это значит, что у него нет родителя. Это значит, что его патч может только добавить новые файлы — в репозитории нет никаких существующих файлов для изменения. Во всем остальном это такой же коммит, как и все остальные. Итак, мы начинаем с пустого файла. Затем мы применяем патч A, который дает текст “Cyber”. Затем мы можем применить патч B, который даст нам “Cyber Bionic”.  Наконец, мы применяем C, который дает “Cyber Bionic Systematics”. Визуализация Git изображает историю коммиттов слева-направо, описанное выше будет выглядеть так: A → B → C. Тэги Тэги —  имена для коммитов, чем-то похожие на ветки. Однако, тэги должны быть постоянными: они, в основном, используются для названий версий релизов. Вы можете переключаться по тэгу, но тэг не может быть вашей «текущей веткой», и тэг никогда не появится автоматически, если вы коммитите впервые. Также тэги (чаще всего) глобальные, с неограниченным пространством имен, как ветки. Как просмотреть историю последних коммитов: git log покажет название последних трех коммитов в ветке. git log --oneline --graph --decorate намного лучше для просмотра (можете сами убедиться). Вы также можете установить tig, который делает, в основном, то же самое, но вы сможете использовать Enter на коммите, чтобы увидеть различия. git log --follow показывает нам все изменения, только для конкретного файла (директории). --follow означает - следить за историей файла, включая изменение имени файла. А сейчас время для команд, которые вы будете писать каждый день по многу раз $ git status покажет, в какой ветке вы находитесь и какие файлы подверглись изменениям. git add file_name добавляет только указанный файл (файлы) к патчу. git add -A (all) добавляет к патчу все изменения, которые нужны вам в последующем коммите. git commit -a откроет редактор для ввода текста коммита, затем будет создан коммит со всеми произведенными изменениями. git commit -m “what is to change” запишет коммит и даст ему то описание, которое есть в скобках git branch name создает новую ветку под названием name, основаную на коммите, но не переключается на нее. Для этого тебе понадобиться команда: git checkout -b origin/develop, которая создаст новую ветку, основанную на origin/develop, или на той, в которой вы находитесь, и переключится на нее. git checkout производит переключение в ветку, которую вы укажите. Вы также можете перейти в удаленную ветку, в тэг или в конкретный коммит.   git rm file_name говорит Git, что ты собираешься удалить файл, а также удаляет его физически. Конфликты слияния Если вы делаете слияние или отправку изменений, возможно, ваши изменения будут конфликтовать с чужими. Git выведет сообщение: "Автоматическое слияние не удалось, вы должны сделать это вручную". Если вы посмотрите git status, то обнаружите новую секцию для конфликтующих файлов. И вам нужно это исправить, чтобы завершить слияние. Откройте конфликтующий файл и увидите что-то вроде этого: <<<<<<< то что мы изменили ======== то что сделал ваш предшественник >>>>>>>> origin/develop   Это говорит нам о том, что двое людей отредактировали одни и те же строки в том же самом файле по-разному, а Git не знает, что должно быть результатом. Просто отредактируйте файл, как нужно, и выполните git add -А, чтобы сообщить Git, что вы готовы к отправке. Когда все конфликты будут решены и все файлы добавлены через git add -A, сделайте простой git commit для полного слияния. Примечание: Проверяйте, что вы действительно исправили все конфликты в файлах после слияния. Иногда, конфликт - это когда один программист отредактировал файл, а другой удалил этот файл. Когда такое случается, Git покажет тебе, кто что сделал. Надеюсь, что статья дала вам много новых знаний. И если это так - то вперед, создавать первый репозиторий на github.com и закреплять все, что прочитали.

Введение Привет всем. Многие студенты, которые решили связать свою жизнь с програмированием, задаются такими вопросами: - что выбрать своим главным инструментом в работе? - чем пользуется большинство? - чем пользоваться при написании своего кода? - что лучше? На эти вопросы нет однозначного ответа, каждый редактор по-своему хорош. Но постараюсь описать главные возможности тех редакторов, с которыми я сам столкнулся и пользовался в своей практике. Сразу внесем ясность и расставим точки над i. Средства разработки делятся на два главных класса: 1 – Интегрированные среды разработки (IDE) 2 - Текстовые редакторы (text editor) Официальное определение  интегрированная среда разработки можно найти по адресу: https://ru.wikipedia.org/wiki Официальное определение текстовый редактор по адресу: https://ru.wikipedia.org/wiki Попытаюсь объяснить  разницу между двумя этими классами своими словами. Интегрированная среда разработки - это как швейцарский нож или трактор, он мультифункционален, а следственно, и граничен. Может делать много, но некоторые вещи делает не так, как нам хотелось бы. Посудите сами: трактор ведь может тянуть тяжелый груз, копать и, главное, может передвигаться. Но все это он делает медленно. К примеру, если стоит задача переместиться из пункта “А” в пункт “Б” (что является одной из функций трактора), для этого лучше пригодится спорткар или обычный легковой автомобиль, для этой операции нами не нужен трактор со всеми его функциями. Следовательно, мы можем сделать вывод, что для определенных операций нам нужны определенные инструменты. В этой статье я не буду рассматривать IDE и их фичи (feature). Хочу рассказать о главных текстовых редакторах и их возможностях. Мой TOP текстовых редакторов: 1. Sublime Text 2. Brackets 3. Visual Studio Code (на этом месте был Atom) Пробовал, но не понравились/не подошли, по каким-либо причинам (поэтому не рассматриваю их тут) 1. Notepad++ (Сайт https://notepad-plus-plus.org/) 2. Komodo Edit (Сайт http://komodoide.com/komodo-edit/) 3. Atom (Сайт https://atom.io/) 4. Textmate (Сайт https://macromates.com) Итак ,начнем. Sublime Text 3 сайт: http://www.sublimetext.com/3 Чем нравится: кроссплатформенный легкий большая и понятная библиотека плагинов (дополнений) легко настроить под себя Что следует сделать после установки. Зайти на сайт https://packagecontrol.io/installation И сделать все согласно инструкции, открыть консоль Саблайма: найти вкладку View  и кликнуть Show Console. В появившемся снизу поле ввода вставить следующий код: import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) Должно получиться вот так: Жмем Enter. Так мы установили Package Control в наш Sublime. Теперь мы можем устанавливать плагины в редактор, нажав сочетание клавиш Ctrl+Shift+P on Windows/Linux, ⇧⌘P on OS X На сайте https://packagecontrol.io/ вы найдете множество плагинов с детальным описанием, руководством установки и руководством использования. Теперь о плагинах. Плагин – грубо говоря, это дополнение программы. Официальное определение https://ru.wikipedia.org/wiki Плагины, которые пригодились мне в работе, возможно, пригодятся и вам. 1. Emmet - https://packagecontrol.io/packages/Emmet Плагин, который помогает быстро набирать код. С помощью шпаргалки вы быстро научитесь быстро набирать сложные конструкции html, указав лишь название тега и  порядок иерархического положения елемента на странице. Его официальный сайт http://emmet.io/ и шпаргалка http://docs.emmet.io/cheat-sheet/ Еще одно условие: для работы этого дополнения нужен предустановленный nodeJS. Найти его можно тут: https://nodejs.org/ Думаю, что nodeJS у вас уже был предустановлен, а если не был, то он вам точно еще пригодится не раз. 2. SublimeCodeIntel - https://packagecontrol.io/packages/SublimeCodeIntel Плагин портирован из текстового редактора Komodo Editor, помогает автодополнением к языкам программирования JavaScript, Python, Ruby, XML, HTML, CSS, PHP и другим. 3. SideBarEnchancements - https://packagecontrol.io/packages/SideBarEnhancements Плагин открывает новые возможности боковой панели для работы с Вашими проектами. 4. BracketHighlighter - https://packagecontrol.io/packages/BracketHighlighter Плагин позволяет отображать дополнительные скобки возле номеров строк, отображая, к примеру, блоки кода. 5. AutoFileName - https://packagecontrol.io/packages/AutoFileName Плагин говорит сам за себя, когда мы пишем пути к нашим фалам, помогает, выводя дополнительное выскакивающее окошко, с выбором папок или файлов. 6. HTML-CSS-JS Prettify https://packagecontrol.io/packages/HTML-CSS-JS%20Prettify Плагин “расческа”. Причесывает наш код, делает его более читабельным для человеческого глаза. 7. Color Highlighter - https://packagecontrol.io/packages/Color%20Highlighter Плагин подсвечивает цвета при написании вайлов CSS/Less/SASS/SCSS/Stylus. Остальные плагины, для работы с такими библиотеками как jQuery, Bootstrap, AngularJS,  советую устанавливать осторожно, потому как постоянно выскакивающие окошки с помощью какого либо плагина если не пугают, то начинают очень надоедать. Поэтому советую не превращать текстовый редактор в “неубранный балкон”. Также есть возможность установки из того-же Package Control множества тем и цветовых схем. Темы и цветовые схемы отличаются тем, что тема  меняет полностью весь внешний вид Sublime, цветовая схема  меняет только цвета подсветки синтаксиcа. Файл настроек находится во вкладке Preferences>Settings Default/Settings User. Почему именно два файла? Потому что вы сможете изменять только Settings User. Оба файла являются, по сути, JSON объектами, поэтому разобраться и изменять свои настройки вы научитесь довольно быстро. Brackets сайт - http://brackets.io/ Этот текстовый редактор также поддерживает большинство перечисленых плагинов, и даже если таковых вы не найдете, то их аналоги точно есть в песочнице. На правой боковой панели вы найдете несколько кнопок: Первая в виде молнии – LivePreview. Запускает страницу с рашрирением html в вашем браузере, который установлен по умолчанию, браузер будет сам обновлять страницу.  Вторая в виде лего – Extension Manager. При клике вызывает модальное окно в, котором содержатся вкладки меню для выбора плагинов, тем, их установке и удалению.  Третья в виде “слоев торта” со стрелочкой вверх – Extract for Brackets. Ради этой кнопки и стоит устанавливать этот редактор. Она позволяет после регистрации загрузить файлы psd формата для верстки прямо  из текстового редактора, не загружая ничего больше.  Кликаете по кнопке Open PSD Регистрируетесь или же входите под своим Adobe ID, загружаете PSD шаблон и начинаете верстать в разы быстрее. Кликнув по какому либо элементу на шаблоне, вы можете моментально перенести: текст, css свойства, или же выгрузить картинку из шаблона пряму в папку с проектом. С такими возможностями верстка становится в разы быстрее! Не агитирую, просто  советую попробовать) Visual Studio Code сайт - https://code.visualstudio.com/ Бесплатный кроссплатформенный текстовый редактор, основанный на технологиях замечательного текстового редактора Atom от GitHub. Подробное описание можно прочитать по ссылке ниже: https://uk.wikipedia.org/wiki/Visual_Studio_Code Также будет полезна ссылка с документацией: https://code.visualstudio.com/Docs/setup Отличный текстовый редактор от компании Microsoft. Облегченная и кроссплатформенная версия Visual Studio. Имеет схожий дизайн со своим старшим собратом. Похожие темы и подсказки в виде выпадающих окошек (контекстные подсказки). Так что разработчикам, перешедшим с Visual Studio, будет гораздо легче адаптироваться. Еще несколько плюсов с коробки: поддержка таких языков програмирования: JavaScript, C++, C#, PHP, XML, Java, Objective-C, HTML, CSS, Less, Sass и т.д. (полный перечень находится в документации). отладчик инструменты для работы с Git автодополнения в стиле Emmet. Настоятельно рекомендую обратить внимание и попробовать Visual Studio Code. Даже просто потому, что вы установите его и все, дальше просто приступаете к работе :) На этом все. Думаю, что изложил свои мысли достаточно простым языком. Помните, что не важно, в каком текстовом редакторе или IDE вы работаете, это всего лишь инструмент, в конечном итоге вы можете остановить свой выбор на обычном блокноте и там разрабатывать приложения, для того, чтобы писать программы не обязательно иметь подсветку синтаксиса, всякие плюшки, главное, чтобы вам было удобно и при написании вы чувствовали себя комфортно. Выбор за вами. Удачи!

Интернет, а соответственно и сфера веб разработки, быстро и постоянно изменяется. Если ты front-end разработчик, тогда скорее всего, ты знаешь, что нужно быть в курсе новостей (уж поверь!), уметь работать с новыми инструментами, тенденциями и бизнес-процессами. Все самое важное ты сможешь найти в Интернете, но будь осторожен, поскольку в сети много ненужного мусора. Какие же блоги по front-end технологиям наилучшие? Ежедневно публикуются сотни постов и статей. Все они беспорядочны и можно сойти с ума, пытаясь поспеть за всем. Прочитать их все просто невозможно. Более того, не нужно читать все в подряд.  Именно поэтому я попросил людей из компании Merixstudio выделить лучшие технические блоги по front-end разработке, которые стоит читать, и они собрали лучшие ресурсы новостей и тенденций в мире веб разработки. Ранее я уже публиковал статью о самых влиятельных блогах, ориентированных на технологии и веб разработку в целом. На этот раз буду подробно рассказывать о лучших front-end ресурсах (порядок сайтов случайный). Speckyboy Сайт позиционирует себя как журнал веб дизайна, но Paul Andrew – основатель Speckyboy – концентрируется не только на дизайн-ресурсах, но также предоставляет полезную информацию о новейших веб технологиях. Блог, безусловно, является отличным источником информации для ежедневного использования front-end разработчиком – блог предлагает отличные посты, справочники, разные источники информации и мотивирующий контент со всего мира. • #11,771 по рейтингу Alexa Rank* • 54,143 подписчиков на Facebook • 75,150 подписчиков на Twitter CSS-Tricks Если ты хочешь улучшить свои навыки в области веб дизайна и веб разработки, тебе стоит подписаться на CSS-Tricks, который ведет интернет-гуру Chris Coyier. Это кладезь знаний по веб разработке, который непременно повысит уровень представляемого тобой веб контента. CSS-Tricks в основном фокусируется на темах, связанных с CSS. Блог предоставляет фрагменты кода, «прорывные» статьи, видео, учебные курсы, подкасты и многое другое. • #1,253 по рейтингу Alexa Rank* • 67,776 подписчиков на Facebook • 298,126 подписчиков на Twitter Codrops Codrops можно назвать одним из самых новых и быстро растущих сайтов с документацией в сфере информационных технологий. Каждый front-end разработчик и веб дизайнер может найти много полезных материалов и фрагментов кода на Сodrops. Он также охватывает  общие темы веб-разработки и веб-дизайна. Блог ведется всего лишь двумя дизайнерами – фанатами своего дела – Manoela Ilic и Pedro Botelho. Ко всем преимуществам блога можно добавить красивое оформление сайта. Этот блог стоит посещать, чтобы обучаться новым хитростям и тенденциям в индустрии. • #3,197 по рейтингу Alexa Rank* • 89,619 подписчиков на Facebook • 164,845 подписчиков на Twitter Todd Motto’s blog Todd работает на позиции Developer Advocate в компании Telerik. Todd – основатель Ultimate Angular, а также Developer Expert в Google, спикер на конференциях и сторонник проектов с открытым кодом. В целом, он пишет на Angular и JavaScript. Его самоуверенный гид по командному стилю работы с AngularJS приобрел очень большую популярность на Reddit и Hacker News. Его блог отличный ресурс для подпитки собственных знаний, особенно, если ты заинтересован именно в таких технологиях, как Angular и JavaScript. • #44,788 по рейтингу Alexa Rank* • 1140 подписчиков на Facebook • 30,396 подписчиков на Twitter Очень важно, чтобы ты нашел свой собственный, уникальный способ отслеживать нужную тебе информацию. Так что, читай книги, журналы, отслеживай в Twitter людей, которые создают новые тенденции, смотри видеоматериалы, посещай конференции, общайся с единомышленниками и создавай новое! *Alexa Rank – глобальный рейтинг трафика, учитывающий, как число посетителей, так и число просмотров страниц. Предоставляется компанией Alexa Internet. Оригинал: www.merixstudio.com.

Введение  Абсолютно все чего-нибудь боятся, это заложено в наших генах и от этого никуда не уйдешь. У каждого из нас есть свои страхи, кто-то открыто их признает и борется с ними, у кого-то они живут в тайных уголках души. Но порой бывают ситуации, когда они выбираются наружу и одолевают нас, вот тогда мы и пытаемся найти пути избавления от них. Казалось бы, разработчиков это должно касаться в меньшей степени, при возникновении бага в приложении еще никто не умирал. Но и при такой непыльной работе в умах начинающих и неопытных девелоперов рождаются страхи – как мнимые, так и вполне реальные, с которыми стоит бороться. Одним из самых распространенных страхов  является страх профнепригодности и профессионального выгорания. Далее в этой статье мы разберем по полочкам основные причины его возникновения и способы борьбы с ними. На сегодняшний день IT-сфера является самой динамичной и постоянно развивающейся, и во избежание профнепригодности вам нужно развиваться вместе с ней. С проблемой профнепригодности мы сталкиваемся еще со студенческой скамьи. Не успел закончить университет и получить диплом, как твоя специальность утратила популярность и ты остался на обочине индустрии с дипломом о высшем образовании в сфере, не имеющей дальнейших перспектив в развитии. Если ты начинающий разработчик, самостоятельно выучивший пару-тройку технологий или прошедший специализированные курсы, который не применял полученные навыки и знания в реалиях суровых будней, то, скорее всего, в первое время, при приеме на работу ты впадаешь в ступор. Ты еще не успел понять архитектуру проекта, все используемые технологии, шаблоны и их связки, и ты просишь немного времени на так называемую адаптацию, но после нее ясность не приходит. У тебя начинает накатываться снежный ком, и ты опять в яме, оставшись один на один со своими вопросами. Когда же ты уже опытный разработчик, тебе может показаться, что достаточно того, что тебе необходимо попросту справляться со своими должностными обязанностями, коммитить код и закрывать таски в назначенные сроки. Но ты как никто другой должен понимать, что, не прочитав о той или иной новой технологии, не использовав новую программу или технологию, ты как разработчик теряешь стоимость на рынке. Так как молодые и зубастые девелоперы через месяц, могут занять твое место, показав себя более ценными сотрудниками. Касательно профессионального выгорания все довольно-таки просто. Ему подвержен каждый и основная причина такой беды – застой и рутина на работе, отсутствие новых интересных тасков, однотипность поставленных задач. Начинающие IT-специалисты понимают это лучше других, поскольку попав на работу на позицию Trainee или Junior Developer на них сбрасывается масса тасков, накопившихся в компании, которые более или менее опытные разработчики не хотят или попросту ленятся делать. А молодежь, наслышанная о невероятных возможностях IT сферы, остается разочарованной данным положением вещей и через небольшой промежуток времени ищет другие варианты реализации себя, как специалиста. Довольно часто выгоранию подвержены фрилансеры, уставшие от однообразности задач, предлагаемых заказчиками. Потребности рынка в новых уникальных программах и сайтах очень малы, поэтому основное количество работы не предполагает особого творчества. Тебя затягивает рутина и интерес пропадает. Распространенной причиной профессионального выгорания является осознание бесцельности и ненужности своей работы. После нескольких месяцев упорной работы над проектом, перелопатив тонны кода и исправив не меньше багов, твое приложение все-таки заработало, вдруг оказывается, что надобности в нем уже нет и этот проект откладывается в длинный черный ящик на неопределенный срок. Мотивация работы падает и, наконец, исчезает совсем. Одним из признаков профессионально выгорания считается появление мыслей: «Я устал», «Я мог бы работать эффективней и быстрее», «Мне скучно». Также, по истечению времени ты вдруг осознаешь, что IT – это сложно, хотя по работе ты все успеваешь делать и укладываешься в дедлайны. Чтобы бороться и с одним, и с другим, нужно постоянно находиться в движении, постоянно заставлять свой мозг решать новые задачи, изучать новые библиотеки и frameworks. У большинства на такой стиль жизни может не хватить силы воли, поэтому обзаведитесь планировщиком задач, попросите отдельного внимания у тимлида, запишитесь на курсы повышения квалификации. Это все поможет вам переместиться в новую обстановку и даст новые возможности для проявления главной способности вашего мозга и всей нервной системы – получать новые раздражители от окружающей среды. Иногда новые таски, обстановка и остальное не решают этой проблемы. Тогда стоит задуматься о своем проекте. Поможет или нет, это уже личное дело каждого.

Итак, Вы решили, что действительно хотите стать программистом и выбрали современный комфортный и повышающий уровень самоорганизации способ IT обучения – видео курсы с онлайн поддержкой сертифицированными преподавателями. Вы сделали верный выбор, ведь видео обучение считается одним из самых эффективных способов дистанционного образования, а изучение видеокурсов и видео уроков, включающее в себя онлайн поддержку и социальную информационную поддержку, приравнивается к очному образованию. И сервис видео образования ITVDN.com - это именно то, что Вам нужно! Однако, каким образом организовать процесс видео образования, чтобы сделать его по настоящему эффективным? В этом Вам помогут некоторые советы и рекомендации от специалистов нашего центра: 1) Приобретая видеокурс по выбранной Вами технологии, убедитесь, что Ваш текущий уровень знаний соответствует требуемому для начала обучения. Вашему вниманию предлагаются видеокурсы по наиболее популярным и востребованным технологиям – программирование на языке С#, основы SQL, ADO.NET, Entity Framework, Шаблоны проектирования, ASP.NET, полный набор необходимых видеокурсов для веб-разработчика – HTML&CSS, JavaScript, jQuery, HTML5&CSS3. В каталоге ITVDN представлены 16 полноценных учебных курсов, 7 коротких семинаров и тренингов – всего около 300 часов видео для начинающих и опытных разработчиков программного обеспечения. Также к Вашим услугам индивидуальные консультации от сертифицированных Microsoft преподавателей, радио-подкаст, корпоративный блог, программы лояльности и партнёрства, акции, призы и мощная поддержка в сетях социальных медиа. 2) Изучите Карту специальностей, чтобы понимать, какие знания входят в образовательную программу видео подготовки специалиста, гарантирующую получение знаний, необходимых и достаточных для той или иной профессиональной деятельности. 3) Выделите время не только на просмотр и изучение видео уроков, входящих в состав выбранного Вами видеокурса, но и время на выполнение практических заданий, рассмотренных в ходе видео урока и заданий для самостоятельной деятельности. После изучения урока пройдите тестирование для проверки полученных знаний. 4) Заранее составляйте списки вопросов, которые Вы собираетесь задавать Вашему преподавателю во время онлайн-поддержки, это позволит Вам наверняка не упустить волнующие Вас моменты и получить максимально развёрнутые ответы, повышающие Ваш уровень восприятия изучаемого материала. 5) Организуйте место и время для процесса обучения. Это должно быть тихое комфортабельное место в то же время оставляющее Ваше внимание сконцентрированным. Вы должны иметь возможность вдумчиво и спокойно воспринимать преподаваемый в видео уроках материал. 6) Занимайтесь самостоятельно, при этом по возможности конспектируя ключевые моменты каждого просмотренного видеоурока. Следуйте программе дополнительных заданий, по возможности тезисно повторяя предыдущий видео урок перед просмотром нового материала. 7) По возможности узнайте у своего преподавателя, какие дополнительные источники информации могут помочь Вам в изучении выбранного видеокурса. Как правило наши преподаватели с удовольствием советуют, а зачастую и дают возможность ознакомиться с литературой и специально подготовленными справочниками (handbook) по изучаемым технологиям. Придерживаясь этих несложных рекомендаций, Вы с легкостью получите максимальную отдачу от процесса видео обучения, получите гарантированный профессиональный рост и повышение общего уровня IT образования. ITVDN – Ваш гид в мире видео обучения IT технологиям.

Коли людина робить те, що вона любить, що вона сама обрала як свою справу, вона надихає інших жити і творити. Таким був Артем Мураховський. Він працював Python розробником, у вечірній час проводив курси по пайтон у CyberBionic Systematics і провів декілька класних вебінарів на ITVDN. На жаль, Артем загинув у березні цього року в боях під Авдіівкою, захищаючи Україну. На згадку про нього ми підготували добірку його вебінарів. Дивіться. Тут він живий. Слава герою!   Чи варто вчити Python? Python – вельми популярна мова програмування, яка широко використовується у різних напрямках ІТ-розробки: серверна веб-розробка, десктопні та мобільні додатки, ігри, Data Science, ML, тестування ПЗ, спрощення адміністрування ОС тощо. На вебінарі ви дізнаєтеся, хто такий Python розробник і що він робить, які знання, вміння та навички йому потрібні, з чого розпочати та як спланувати своє навчання за даним фахом, а також отримаєте корисні поради і підбірку літератури. Прогноз погоди мовою Python Інтенсивний тренінг зі створення Telegram-бота, який сповіщує вас про актуальну погоду. Мінімум теорії, максимум практики – підійде як новачкам, які не знайомі з програмуванням, так і розробникам-початківцям, що прагнуть випробувати себе. Ви познайомитеся з базовим синтаксисом Python, навчитеся працювати із запитами, дізнаєтесь, що таке API і скористаєтесь Telegram API, створите бота для Telegram і навчитеся використовувати існуючі сервіси для прив'язки до вашого додатку. BlackJack мовою Python Інтенсивний тренінг зі створення карткової гри BlackJack для новачків та розробників-початківців. Ви навчитеся: Писати просту програму на Python, повторюючи діі тренера. Розбивати задачі на дрібні підзадачі і успішно їх вирішувати. Проектувати архітектуру програми. Писати програми на рівні класів. Вирішувати алгоритмічні задачі. Розуміти призначення патернів проектування. Автоматизація парсингу сайтів Інформація – це нафта 21-го століття. На вебінарі ми розглянемо один із найпоширеніших підходів збору та обробки інформації – парсинг сайтів (мовою Python). Ми візьмемо один із популярних сайтів із робочими вакансіями і на його прикладі розберемо бібліотеки для парсингу веб-сайтів, бібліотеки для роботи із запитами. Розберемо види популярних баз даних і зрозуміємо, де і яку потрібно використовувати.

Давайте разберемся, кто такой Front-end разработчик и какими технологиями он должен владеть, чтобы быть востребованным специалистом. Возможно, Вы когда-нибудь, глядя на ваш любимый веб-сайт, задавались вопросом, насколько это сложно сделать? Веб разработка состоит из 2-х основных больших частей – клиентской и серверной, которыми занимаются – frontend и backend-разработчики. В самом упрощенном виде: если backend создает функционал, то frontend занимается в первую очередь тем, что видит пользователь, зайдя на сайт – все эти красивые страницы, кнопочки, картинки. Но не все так просто… Frontend-разработчики создают те вещи, с которыми будут взаимодействовать люди. Все этапы разработки проходят вместе с frontend-разработчиком. То есть frontend-разработчик должен быть в курсе всего! Строго говоря, Frontend — публичная часть веб-сайтов и веб-приложений, с которой непосредственно контактирует и взаимодействует пользователь. Во Frontend входят отображение пользовательского интерфейса, функционал, выполняющийся на стороне клиента, и обработка пользовательских запросов. Знания и навыки Frontend-разработчика: Frontend-разработчик должен разбираться в дизайне. Если frontend-разработчик не является сам по себе дизайнером, он должен знать, насколько важен дизайн. Он должен иметь хороший вкус. Он должен знать об инструментах, участвующих непосредственно в разработке.   Frontend-разработчик должен разбираться в работе серверной части (backend). Frontend-разработчик должен явно осознавать всю важность серверной части, понимать, с чем взаимодействует backend, что передается на сервер, а что нет, должен уметь объяснить, что должен дать вам backend и что нужно от серверной части frontend-а.   Frontend-разработчик должен разбираться в производительности. Frontend-разработчик знает, что производительность имеет важное место в успехе проекта. Необходимо понимать, насколько быстрым должен быть backend, а также что оставшиеся 80% времени - это загрузка сайта, т.е. это frontend.   Frontend-разработчик должен разбираться в мобильном дизайне. Frontend-разработчик должен понимать, что его сайтом могут пользоваться везде, на его сайт могут зайти с любого устройства, поэтому необходимо позаботиться заранее на этот счет. Большие экраны, маленькие, сенсорные, устаревшие устройства. Frontend-разработчик должен быть готов к неизвестному! Это всего лишь часть того, что должен знать frontend-разработчик. Чем больше, тем лучше. И начинать изучать лучше сразу правильно. Переучиваться – это всегда проблематично! Какие же технологии предстоит изучить frontend-разработчику? HTML и CSS HTML (язык разметки гипертекста) и CSS (каскадные таблицы стилей) являются основными строительными блоками веб-кодирования. Без этих двух вещей вы не можете создать дизайн веб-сайта, и все, что у вас в итоге получится, - это неформатированный простой текст на экране. Вы даже не сможете добавлять изображения на страницу без HTML! Прежде чем приступить к освоению карьеры в Интернете, вам нужно освоить верстку с помощью HTML и CSS.   JavaScript JavaScript позволяет добавить к вашим веб-сайтам больше функциональности. Вы сможете создать множество базовых веб-приложений, используя не что иное, как HTML, CSS и JavaScript. На самом базовом уровне JavaScript позволяет добавлять на ваши сайты множество интерактивных элементов. Это также самый популярный язык программирования в мире, поэтому, независимо от ваших планов карьерного роста, очень желательно иметь хотя бы базовые знания JavaScript.   JQuery jQuery - это библиотека JavaScript: коллекция плагинов и расширений, которая позволяет быстрее и проще разрабатывать JavaScript. Вместо того, чтобы писать все с нуля, jQuery позволяет добавлять готовые элементы к вашим проектам, которые затем можно настроить по мере необходимости. Вы можете использовать jQuery для таких вещей, как таймеры обратного отсчета, автозаполнение формы поиска и даже автоматическое перераспределение и изменение размеров макетов сетки.   JavaScript фреймворки Фреймворки JavaScript (включая Angular, Backbone, Ember и React) дают готовый дизайн вашему JavaScript-коду. Существуют различные типы фреймворков для разных потребностей. Они действительно ускоряют разработку, предоставляя вам быстрый запуск и могут использоваться с такими библиотеками, как jQuery.   Frontend Frameworks CSS и интерфейсные рамки (самая популярная инфраструктура front-end - Bootstrap) делают для CSS то, что JS Framework делают для JavaScript: они дают вам точку перехода для более быстрого кодирования. Так как CSS начинается с точно таких же элементов из проекта в проект, фреймворк, который определяет все это для вас, является очень ценным. Как правило предполагается, что вы будете знакомы с тем, как эти структуры работают и как их использовать.   Работа с препроцессорами CSS Препроцессоры - еще один элемент, который может ускорить кодирование CSS. Препроцессор CSS добавляет дополнительные функциональные возможности для CSS, чтобы поддерживать масштабируемость и удобство работы нашего CSS. Он обрабатывает ваш код, прежде чем публиковать его на своем веб-сайте, и превращает его в хорошо отформатированный и кросс-браузерный CSS. SASS и LESS являются двумя наиболее востребованными препроцессорами.   Практичный и мобильный дизайн Например, когда веб-сайт посещается с настольного компьютера с большим монитором, пользователь получает несколько столбцов, большую графику и взаимодействие, созданные специально для пользователей мыши и клавиатуры. На мобильном устройстве один и тот же сайт будет отображаться как один столбец, оптимизированный для сенсорного взаимодействия, но с использованием тех же базовых файлов. Мобильный дизайн может включать в себя гибкий дизайн, а также создание отдельных мобильных проектов. Иногда то, что пользователь видит на вашем сайте на настольном компьютере, совершенно отличается от того, что вы можете видеть при посещении его со смартфона.   Кросс-браузерная разработка Современные браузеры очень хорошо демонстрируют веб-сайты последовательно, но по-прежнему существуют различия в том, как они интерпретируют код за кулисами. Пока все современные браузеры не будут работать с веб-стандартами, знание того, как заставить каждого из них работать так, как вы хотите, является важным навыком. Это кросс-браузерная разработка.   Системы управления контентом и платформы для электронной коммерции Очень многие веб-сайты построены на системе управления контентом (CMS). (Платформы электронной коммерции - это особый тип CMS.) Наиболее популярной CMS во всем мире является WordPress, которая является закулисной частью миллионов веб ресурсов. Почти 60% сайтов, использующих CMS, построены на WordPress.   Тестирование и отладка Модульное тестирование - это процесс тестирования отдельных блоков исходного кода (инструкции, которые сообщают веб-сайту о том, как он должен работать), а рамки модульного тестирования предоставляют конкретный метод и структуру для этого. Другим распространенным типом тестирования является тестирование пользовательского интерфейса (также называемое приемочным тестированием, тестированием браузера или функциональным тестированием), где вы проверяете, что веб-сайт ведет себя так, как должен, когда пользователь действительно предпринимает действия на сайте. Отладка просто берет все “ошибки”, выявленные этими тестами.   Системы контроля версий Git и Version Системы контроля версий позволяют отслеживать изменения, которые были внесены в код с течением времени. Они также позволяют легко вернуться к более ранней версии, если вы что-то придумаете. Итак, скажем, вы добавляете настроенный плагин jQuery и вдруг половину вашего разрыва кода. Вместо того, чтобы пытаться вручную отменить его и исправить все ошибки, вы можете вернуться к предыдущей версии, а затем повторить попытку с помощью другого решения. Git является наиболее широко используемым из этих систем управления версиями. Знание того, как использовать Git, будет требовать практически любая работа. Это один из тех важных навыков, которые необходимы разработчикам, но об этом мало кто говорит. С чего начать? Если все сказанное выше звучит довольно интересно для вас, вы, вероятно, задаетесь вопросом, с чего начать. Если вы видите себя на работе в качестве Frontend-разработчика, но не знаете, где получить необходимые знания и навыки, вы находитесь в нужном месте. На ITVDN вы найдете полную подборку видео курсов по специальности Frontend разработчик. Начните с HTML и CSS! Смотрите первый урок видео курса HTML5, CSS3 бесплатно. Если Вы сторонник традиционных форм обучения, приглашаем Вас на курс FrontEnd Developer в CyberBionic Systematics.

Доступ к Solid Boost Pack на 7 дней Solid Boost Pack — это digital-библиотека, которая поможет самостоятельно освоить профессиональный английский и развить коммуникативные навыки. Любое обучение невозможно без чёткой структуры, интерактива и практики. Поэтому для классного результата мы собрали всё это в одной библиотеке. Что входит в Solid Boost Pack: ✅ 100+ видеоуроков, квизов, гайдов, тестов и чек-листов, которые помогают улучшить общение на английском и развить soft skills ✅ 6 курсов с возможностью получить сертификат после прохождения ✅ 800+ полезных слов и фраз на английском языке ✅ 25+ лексических и грамматических тренажёров Кому подойдёт: Tech & creative специалистам, чтобы учить английский без скуки Тем, кто стремится к росту Профессионалам из любых сфер, кто хочет наконец-то разложить знания по полочкам Методы, которые встроены в видеоуроки и работают на ваш результат: Microlearning и bite-sized learning — 10-15 минут занятий достаточно, чтобы мозг лучше усваивал информацию Water-free обучение — изучаете только то, что действительно пригодится для работы, плюс получаете конкретные инструменты для самостоятельного освоения английского Комплексный апгрейд навыков — в первую очередь английский, но параллельно развиваете soft skills: переговоры, презентации, прохождение интервью, коммуникации с клиентами и другое Интервальные повторения — чтобы вывести пассивные знания в активную практику Активируйте доступ по ссылке и протестируйте все преимущества самостоятельного обучения с Solid! Сроки акции: предложение действует до 30 апреля 2025 года Solid English School — школа английского для tech & creative специалистов, более 6 лет прокачивающая экологическую коммуникацию и soft skills для профессионального роста. Обучили 10000+ студентов и имеют 10+ кастомных программ, которые закрывают любой запрос: от грамматики до IT и бизнес-коммуникации.