Я ничего не понимаю в ит. с чего начать? - журнал «код» программирование без снобизма

ТОП 7 бесплатных WYSIWYG редакторов для работы с содержимым сайта

NicEdit

Это альтернатива сложным визуальным редакторам, которая легко интегрируется в CMS.

Объемный, несколько сложен для изучения.

TinyMCE

Пример работы TinyMCE вы видели выше, когда мы рассказывали о работе в CMS MODx. Имеет открытый исходный код, но опция API сложна в ознакомлении. Написан на JavaScript. Легко интегрируется в сайт и настраивается. Считается «полным» редактором с широким функционалом, генерирует чистый код.

Его недостаток — кнопки размещены в одной области, не структурированы. Отсутствуют горячие клавиши. Файловый менеджер устанавливается вручную. Возможна работа с плагинами.

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

CKEditor

Это обновленный FCKEditor с исправленными багами, который ранее считался лидером среди визуальных редакторов. Обладает мощным функционалом, сравнимым с MSWord и Open Office.

Реализована работа с API, можно настроить горячие клавиши. Файловый менеджер скачивается и легко устанавливается.

YUI Rich Text Editor

Визуальный редактор для сайтов от компании Yahoo, поставляется в нескольких версиях, отличается хорошей эргономикой (нет лишних кнопок).

Предлагается несколько версий визуального редактора, различающихся по функционалу. Простое редактирование контента есть в любой версии.

MarkItUp!

JQuery-плагин, который поддерживает синтаксис HTML, BBcode, Wiki. Не является общепринятым WYSIWYG-редактором, но предлагает его функции. Простой в работе и очень компактный.

Из преимуществ плагина можно выделить компактность и простоту.

WYMeditor

Русскоязычная аудитория о WYMeditor знает мало. К тому же, обрабатывать большие тексты в нем не очень удобно. Предусмотрен базовый функционал — оформление текста, изображений, ссылок. Есть хорошая визуальная составляющая, выдается чистый код всего в одной строке, что сокращает вес конечного HTML-кода. Предусмотрена поддержка API, плагинов.

Из недостатков стоит отметить, что нет работы с таблицами, а также файлового менеджера. Визуально отображается весь длинный текст на экране («простыня»), а не та его часть, с которой работает контент-менеджер.

OpenWysiwyg

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

Прекрасно умеет работать с огромными таблицами. Минус — в Google Chrome не работает и в CMS не интегрируется.

Программисты могут починить любую технику

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

Мальчик перевёл взгляд с папы на маму, которая тоже вошла в комнату, и осторожно отложил молоточек в сторону.

Олег в ужасе сел возле очевидно сломанного устройства, сглотнул слюну и попробовал запустить приложения. Ничего не работало. Затем он с нарастающим волнением поднял макбук, повертел в руках, слегка постучал ладонью по корпусу, поставил обратно и дрожащим пальцем сделал рестарт. В ответ — только мигание S.O.S. Олег достал смартфон, что-то быстро напечатал и начал возиться с ноутбуком: зажимал разные комбинации клавиш, включал и выключал устройство. Осознав своё бессилие, Олег позвонил в сервисный центр.

— Подожди, — нахмурилась жена. — Зачем в ремонт? Там кучу денег сдерут ни за что!

— Ну а я что могу сделать?

— Как что? Ты же программист!

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

А как на самом деле?

Многие программисты любят копаться в «железе» и порой действительно могут устранить простую техническую неисправность, но только если речь идёт о компьютерах или хотя бы смартфонах. Они не знают, как устроены утюг и стиральная машина. Да и вообще, программирование не обязывает быть с техникой на «ты» — есть отличные кодеры, которые не умеют даже паять.

Программирование роботов и умных устройств

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

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

Но есть обходной путь — начать с робототехники и программирования для Arduino и Raspberry Pi — это специальные платы для начинающих. Посмотрите, какие крутые штуки можно с ней делать:

10 крутых вещей, которые можно сделать на Raspberry Pi
То же, но на Arduino
Змейка на Arduino
Цифровая камера из старого полароида

В мире есть целое сообщество хоббистов, которые пишут программы для Arduino и Raspberry Pi и собирают на их основе интересные проекты. В России самый простой вход в Arduino делает компания «Амперка» — у них есть наборы для старта работы с Arduino и всякими полезными радиодеталями.

Почитать: как программируют на Arduino

Плагин Ultimate TinyMCE

Плагин Ultimate TinyMCE — мощный WordPress плагин, который расширяет ваш TinyMCE редактор до максимума. Он поставляется с множеством кнопок, которые могут очень упростить создание постов в визуальном редакторе для пользователей Microsoft Word. Лично мне нравится кнопка YouTube, которая позволяет пользователям устанавливать, помимо других настроек, ширину и высоту. Тем не менее, есть некоторые кнопки, которые могут быть сочтены бесполезными, эти кнопки можно отключить на странице настроек плагина.

У плагина Ultimate TinyMCE также есть премиум дополнения, которые можно купить на сайте автора плагина. Эти дополнения включают веб шрифты Google Web Fonts, собственные стили, смайлы, расширенные настройки и т.д.

Все программисты знают весь существующий софт

Олег тяжело вздохнул, собрался с мыслями и ещё раз попытался донести до психолога, что он в полном порядке, что это просто накопилось, что он слегка разозлился, что это была всего лишь шутка и что он ни в коем случае не всерьёз собирался «починить» отвёрткой своего брата. Психолог недоверчиво покачала головой и спросила:

— Тогда зачем вы накинулись на него с отвёрткой?

— Да потому что мне надоело это всё! Почини, переустанови, сделай! Всю жизнь вот так! А я… я занимаюсь разработкой сайтов, понимаете?! Я понятия не имею, как перепрошивать андроиды! Это мой брат должен здесь сидеть — кто вообще покупает смартфоны на AliExpress за четверть реальной цены?!

— Скажите, у вас были в детстве какие-то конфликты…

— Да не было ничего! — уже рявкнул Олег. — Вам что ни говори, всё без толку. Я про то, что люди не понимают, чем я занимаюсь, а вы про детство, конфликты, родителей… Я бы с радостью ему помог, если бы знал как, понимаете? Но я просто не знаю, как это делать!

— Послушайте, — сказала психолог, выдержав паузу. — Но ведь вы же программист…

Правый глаз Олега резко задёргался. Психолог продолжала что-то объяснять, но он уже не слышал. Перед ним сидел Билл Гейтс, который заканчивал рассказывать историю о том, как он познакомился с Олегом и как Microsoft начал сотрудничать с O’Leg Inc.

А как на самом деле?

Программисты знают только тот софт, которым пользуются сами. Я сам сталкивался со свифтерами, которые не знали ни одного дистрибутива Linux и пользовались Windows на уровне компуктер-бабушки. Эти люди — настоящие профессионалы в разработке для iOS и macOS, но знание операционных систем Linux и Windows никак не относится к их специальности.

Что значит «ваш комментарий отправлен на модерацию»

Допустим, что Вы заполнили на сайте все поля (рис. 1) и написали комментарий, нажали на кнопку «Отправить» (название кнопки может быть другим). А в ответ выскакивает сообщение, что Ваш комментарий отправлен на модерацию. При этом Вы видите, что комментарий куда-то исчез, как будто его и не было.

Модерация комментария означает, что администратор сайта желает проверить Ваше сообщение, чтобы принять решение о его публикации. Он проводит проверку, когда у него есть возможность. Это может быть либо мгновенно, либо долго. Точных временных границ для модерации не существует. Также как и не существует каких-то законодательных сроков, обязательных сроков проверки комментариев перед их публикацией.

В результате модерации Ваш комментарий может быть опубликован, либо удален без объяснения причин. Опубликованный комментарий Вы сможете увидеть на сайте спустя какое-то время. Если же комментарий будет удален, то на сайте он так и не появится, и никаких уведомлений Вы не получите.

Казалось бы – несправедливо, вот так без уведомления удалять, не публиковать комментарии. Однако почти на каждом сайте есть своя Политика – свод правил, в том числе правила комментирования. Если пользователь нарушил правила, то его комментарий не допускается к публикации.

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

Почему иногда нельзя написать комментарий на сайте

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

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

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

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

Например, на сайте Лента.ру можно увидеть сообщение: «Комментарии к материалу закрыты в связи с истечением срока его актуальности». В правилах этого портала есть пояснение: «Для защиты от спама и попыток распространения запрещенных законодательством РФ материалов комментарии ко всем новостным заметкам автоматически отключаются спустя сутки после публикации заметки».

Самая перспективная IDE — Zend Studio

Завершим обзор мощным продуктом от Zend Technologies, а точнее сухой статистикой:

Отладка с помощью Zend Debugger, Xdebug, интеграция с Z-Ray;

Поддержка SVN, CVS, Docker, Git Flow;

Возможность просмотра MySQL, SQLite, PostgreSQL и других СУБД;

Поддержка библиотеки Dojo;

Качественный редактор кода, с функциями анализа, исправления, рефакторинга, индикации, генерации и пр.;

Поддержка облачный сервисов Microsoft Azure и Amazon AWS;

Свободное обращение с JavaScript, CSS, HTML и конечно PHP (4 и 5);

Панель разработчика Zend Studio Toolbar для браузеров IE и Mozilla Firefox.

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

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

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

В рамках данного проекта я испробовал три системы визуального редактирования, которые, безусловно, достойны внимания, и будут рассмотрены в данной статье. Это следующие программы: TinyMCE, WYM Editor, HTMLArea.

Ну конечно в один ряд эти программы ставить нельзя, хотя бы по их функционалу и назначению. Это было бы равносильно сравнивать возможности встроенного редактора Notepad и коммерческого Microsoft Word. Ведь каждая эта программа особенная, и относится к определённому классу. Посему сегодня мы поговорим именно о ней.

Советы и лайфхаки для новичков

Алена Батицкая

Frontend-разработчик, преподаватель факультета «Программирование»

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

Найдите наставника. Или сами станьте наставником. Всегда есть люди, которые по опыту и знаниям ниже вас. Даже для них вы можете стать наставником.

Не переставайте получать знания. Оставайтесь всегда в курсе дела. Смотрите новости из мира разработки, слушайте подкасты, читайте новые книги.

Заведите пет-проект — проект, которым будете заниматься в свободное время и практиковаться в новых сферах. Например, напишите свой собственный инженерный калькулятор, сделайте доску объявлений или to-do list.

Светите лицом. Чем чаще вы появляетесь на публике или светитесь в соцсетях, тем больше вас узнают.

Игорь Камышев

Tech Lead DreadHead

Найдите хорошего наставника. Даже самый младший программист в команде должен уметь решать задачи.

Гуглите на английском. Любой программист должен уметь гуглить и прежде чем спросить — искать в интернете. Старайтесь гуглить на английском.

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

Вносите вклад в проекты с открытым исходным кодом. Open Source — проекты с открытым исходным кодом. Можно прийти в такое сообщество и внести вклад в развитие. Есть проекты с исходным кодом, где рады новичкам и для них есть задачи.

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

Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Хуки плагина

Плагин позволяет изменять HTML код виджета и контента который он выводит, через хуки. Их в плагине много. Кроме того, к контенту примеряются дополнительные хуки, чтобы, например обрабатывать вставленную в контент ссылку на youtube и делать из нее видео. Ниже все такие фильтры, которые применяются к контенту виджета. Все эти хуки включены и для контента обычной записи самого WordPress, однако в виджете не срабатывает хук the_content чтобы не вызывать ненужных конфликтов, потому что на этот хук цепляются разные плагины…

autoembed — Превращается специальные URL (пр. ссылка на youtube видео) в HTML код (встраивания).
convert_smilies — Изменяет текстовые смайлики в тексте на соответствующие смайлики-картинки. подробнее…
wpautop — Заменяет переносы строк на P и BR теги. подробнее…
do_shortcode — Обрабатывает все известные шорткоды. подробнее…
wp_make_content_images_responsive — Фильтрует ‘img’ элементы в тексте добавляет к ним атрибуты ‘srcset’ и ‘sizes’. подробнее…

// отменить родные фильтры плагина
add_action( 'init', 'remove_bstw_widget_text_filters' );
function remove_bstw_widget_text_filters() {
	if ( function_exists( 'bstw' ) ) {
		remove_filter( 'widget_text', array( bstw()->text_filters(), 'autoembed' ), 4 );
		remove_filter( 'widget_text', array( bstw()->text_filters(), 'convert_smilies' ), 6 );
		remove_filter( 'widget_text', array( bstw()->text_filters(), 'wpautop' ), 8 );
		remove_filter( 'widget_text', array( bstw()->text_filters(), 'do_shortcode' ), 10 );
		remove_filter( 'widget_text', array( bstw()->text_filters(), 'wp_make_content_images_responsive' ), 12 );
	}
}

// отменить фильтры других плагинов повешенные на хук `widget_text`
add_action( 'init', 'remove_bstw_widget_text_plugin_filters' );
function remove_bstw_widget_text_plugin_filters() {
	if ( function_exists( 'bstw' ) ) {
		remove_filter( 'widget_text', array( bstw()->compatibility()->module( 'wpml' ), 'widget_text' ), 2 );
		remove_filter( 'widget_text', array( bstw()->compatibility()->module( 'nextgen_gallery' ), 'widget_text' ) );
	}
}

#1 Свой HTML код до и после текста виджета

add_filter( 'black_studio_tinymce_before_text', 'my_widget_before_text', 10, 2 );
function my_widget_before_text( $before_text, $instance ) {
	return '<div class="mytextwidget">';
}
add_filter( 'black_studio_tinymce_after_text', 'my_widget_after_text', 10, 2 );
function my_widget_after_text( $after_text, $instance ) {
	return '</div>';
}

#2 Полное удаление тегов до и после текста виджета

add_filter( 'black_studio_tinymce_before_text', '__return_empty_string' );
add_filter( 'black_studio_tinymce_after_text', '__return_empty_string' );

2 | Вам не хватает самостоятельности и гибкости

Если вы не развиваете способность решать проблемы самостоятельно, вы никогда не станете успешным программистом.

Вне сомнений, для того, чтобы стать успешным программистом, вы должны быть уверены в СВОЕЙ способности учиться. Это очень важный навык —после 18 лет никто не обязан вас ничему учить. Это реальность

Вам самим нужно искать необходимую информацию и помощь, чтобы учиться чему-то важному

В мире программирования вся необходимая информация находится в волшебном месте, ранее известном как Информационная Супер-Автострада. Это внушительная библиотека с одним огромным входом: . Понимание, что вы просто можете ввести что хотите в Google и получить нужную информацию, — ваша первая задача при изучении необходимых для программирования навыков.

Вы должны не только умело пользоваться Google. У всех языков программирования есть документация и инструкции, в которых предельно ясно объясняется, как работает язык. Это как пользоваться словарем — когда вам встречается незнакомое слово, вы ищете его там. Чтение документации — самый быстрый и надежный способ развить навыки программирования. В ней есть буквально всё.

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

Принцип «Любой каприз за ваши деньги»

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

Например, так выглядит сайт, разработанный профессиональной студией, если на нем разместить баннер, который по желанию заказчика сделал его штатный дизайнер. Баннер не умещается в заданном поле, блоки отличаются по стилю и «спорят» друг с другом.

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

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

С чего же начать?

Напишите своего первого разговаривающего бота. Это не очень интересно, но довольно легко.
Попробуйте сделать собственную программу-тудушку на JavaScript. Это уже чуть сложнее, но результат совершенно практически применимый.
Сделайте страничку о себе. Это вообще необходимо для работы в ИТ.
Пройдите бесплатную часть курса «Практикума» про веб-разработку. Платить пока не надо, просто попробуйте, нравится вам или нет.

Где-то на 3–4-м пункте у вас появится азарт. И всё: считайте, вы преодолели порог входа.

Текст

Миша Полянин

Редактор

Максим Ильяхов

Художник

Даня Берковский

Корректор

Ира Михеева

Вёрстка

Леонид Долгов

Соцсети

Олег Вешкурцев

Во имя победы технологий над человеческим фактором.

Как создать новый набор в редакторе joomla TinyMCE

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

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

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

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

Описание

Advanced Editor Tools (ранее TinyMCE Advanced) предоставляет блок «Классический параграф» и «Гибридный режим» для нового редактора блоков.
Если вы еще не готовы полностью перейти на новый редактор блоков или у вас есть плагины, которые ещё не могут использоваться с блоками, то использовать блок классического параграфа и гибридный режим — это ваш лучший выбор.
Вы сможете использовать старый добрый редактор TinyMCE для большинства задач, и в то же время иметь полный доступ к блокам и всем возможностям редактора блоков.

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

Если вы хотите использовать старый «классический» редактор с WordPress 5.0 или новее, то этот плагин имеет настройку замены нового редактора старым. Если же вам нужен доступ к обоим редакторам сразу или дать возможность пользователям переключать редактор, то вам лучше установить плагин Classic Editor. TinyMCE Advanced полностью совместим с Classic Editor и другими плагинами восстанавливающими использование старого редактора в WordPress.

Как обычно этот плагин позволит вам добавлять, удалять и сортировать кнопки на панели инструментов в классическом блоке и блоке классического параграфа (если разрешите). Вы сможете сконфигурировать до 4 рядов кнопок, включая размеры и семейство шрифтов, цвета текста и фона и не только!

Он включает 15 плагинов для TinyMCE , которые автоматически включаются или блокируются в зависимости от выбранных вами кнопок.
Кроме того, этот плагин добавляет возможности для сохранения тегов параграфов в текстовом режиме и импорта CSS классов из editor-style.css темы.

Некоторые возможности добавляемые плагином

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

Privacy

Advanced Editor Tools does not collect or store any user related data. It does not set cookies, and it does not connect to any third-party websites. It only uses functionality that is available in WordPress, and in the TinyMCE editor.

Заключение

Подведем итоги. Чтобы начать обучение программированию, надо следовать поэтапно. Сделайте следующее:

Заполните пробелы, если таковые имеются. Речь идет об архитектуре компьютера и английском языке.
Изучите для начала теорию алгоритмов и структур данных.
Выберите направление, в котором есть желание развиваться.
В зависимости от направления подберите язык программирования.
Наберитесь знаний об инструментах программирования и веб-фреймворках.
Изучите базы данных.

И в качестве общих советов:

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

На блоге iklife.ru вы найдете еще больше информации о программировании и других сферах деятельности.

Удачи!