Гаджеты

Обучение программированию с нуля – пошаговое руководство для начинающих. Десять шагов от чайника к программисту-профессионалу

15.08.2019
Обучение программированию с нуля – пошаговое руководство для начинающих. Десять шагов от чайника к программисту-профессионалу

Доброго времени суток, уважаемый читатель! Если вам интересно как работают сайты, если вы жаждите научиться самостоятельно создавать современные интернет-проекты, тогда вам нужны знания того, как эти самые сайты создаются. Конечно, можно обойтись готовыми вариантами (системой ucoz или cms-системами типа joomla или wordpress). Однако всегда интереснее написать код сайта самому, ведь только так воплощаются в жизнь великие проекты, типа Facebook. Поэтому вам будет никак не обойтись без самоучителя по веб-программированию.

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

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

Что, вы не знаете что это такое? В первый раз об этом слышите? Однако у вас есть огромное желание научиться создавать современные сайты, тогда это не проблема! Сейчас в Интернете существует огромное количество тематических сайтов, различных видеокурсов и т.п. по html и css.

Если Вы хотите изучить эти технологии, то присмотритесь к курсам Евгения Попова. Наши постоянные читатели уже знакомы с ним из статьи: Обучение по видеокурсам — лучший способ изучать новое! Это человек, который создал себя и свой бизнес в Интернете с нуля. Очень уважаем таких людей. Евгений воистину молодец!

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

Технологии html и css, кто ещё не понял - это далеко не программирование. Это так простые рабочие, выражаясь человеческим языком. А вот те (та технология), которая заставляет двигаться этих рабочих в нужном направлении - это уже есть самое что ни наесть веб-программирование.

Существует огромное число различных языков этого самого веб-программирования, однако мы вам советуем начинать с языка PHP (Hypertext Preprocessor).

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

Даже из названия языка вида, что он «preprocessor» (предшедствует действиям), т.е. по-сути, PHP — это менеджер, который командует своими подчинёнными (html и css), чтобы те выполняли ровно то, что нужно для полноценной работы сайта.

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

Как мы обычно выбираем книги для наших читателей? Мы, в первую очередь, смотрим на автора. Если автор - это человек, достигший определённых высот в своей области, тогда его рукопись мы советуем прочитать нашим читателем. Ведь только обучаясь у лучших, можно стать действительно профессионалом в выбранной вами области!

Поэтому в качестве мы выбрали для вас книгу Котерова, Костарева — PHP 5 в подлиннике. Это действительно шедевральная работа, особенно для новичков.

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

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

[ Учиться веб-программированию - увлекательное занятие, которое увлекает только избранных! ]

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

Давайте теперь заглянем внутрь книги. Что там есть. Там есть 1200 страниц (это ещё мало) добротного текста с шутками, которые не позволят вам заскучать при чтении данного самоучителя по веб-программированию . В самых первых главах рассказывается об основе Интернета, как он устроен (именно об этом мы советуем почитать тем, кто не хочет связывать свою жизнь с веб-программированием, однако хочет быть в курсе как всё это дело работает).

Далее идут более глубокие вещи, такие как вводные части о PHP, о взаимодействии PHP с базами данных и т.д. В конце книги рассмотрены самые передовые технологии сайтостроения, которые гармонично завершат ваше обучение науке веб-программиста.

Однако не стоит думать, что этот самоучитель даст вам ответы на все интересующие вас вопросы. Нет, конечно, это лишь вводная ступенька в мир, увлекательного и неизведанного многим людям, сайтостроения. Но если вы освоите данную книгу в полной мере, то у вас не возникнет проблем с тем, чтобы изучить другие веб-технологии. Книга Котерова, Костарева «PHP 5 в подлиннике» — это отличная база, с которой вы уже сможете создать хороший сайт. Однако никогда не останавливайтесь на достигнутом! Совершенствуйтесь каждый день.

Тогда и вы в один прекрасный момент сможете создать нечто такое, что будет известно всему миру. Выбор за вами. Можно изучать PHP и другие подобные технологии, а можно и на диване лежать. Решать только вам!

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

Изучайте хоть что-нибудь, только не лежите на диване!

Желание стать web-программистом возникает не на пустом месте. Многие искушенные интернет-пользователи знают, либо подозревают, что в Интернете крутятся большие деньги. Если взглянуть на двадцатку Forbes самых богатых людей в мире за 2015 год, то можно увидеть, что в ней аж пять представителей IT-индустрии: Билл Гейтс ($79,2 млрд), Ларри Эллисон ($54,3 млрд), Марк Цукерберг ($33,4 млрд), Ларри Пейдж ($29,7 млрд) и Сергей Брин ($29,2 млрд). Все эти люди имеют непосредственное отношение к программированию. Можно сделать простой вывод — умея программировать, можно неплохо заработать. Естественно, необходимо быть профессионалом своего дела.

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

Веб-программисты, наряду с другими специалистами (верстальщиками, дизайнерами и т.д.), участвуют в работе над web-проектами, проще говоря над сайтами. По этой причине необходимо изучить HTML и CSS.

  • HTML — (от английского HyperText Markup Language) язык разметки гипертекста. Сразу заметим, что HTML не является языком программирования. Видеокурс по HTML можно скачать в разделе
  • CSS — (от английского Cascading Style Sheets) каскадные таблицы стилей. CSS — это формальный язык описания внешнего вида документа, написанного с использованием языка разметки, т.е. HTML. Видеокурс по CSS также можно скачать в разделе

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

Какой язык изучать?

Если с HTML и CSS все понятно, то с выбором языка веб-программирования дело обстоит сложнее. Дело в том, что подобных языков множество и их можно разделить на две группы:

  1. Клиентские — выполняются в браузере (Google Chrome, Opera, Firefox и т.д.) пользователя;
  2. Серверные — выполняются на стороне сервера, т.е. как правило на удаленном компьютере, на котором расположен сайт.

Подобно разделению языков веб-программирования, можно разделить и веб-разработчиков на две группы:

  1. Front-end разработчики;
  2. Back-end разработчики.

Front-end разработчик занимается «приблудами» которые видят посетителя сайта, например выпадающие меню, всплывающие окна и т.д. Если вы планируете стать веб-разработчиком именно клиентской части, то кроме HTML и CSS вам необходимо изучать язык web-программирования JavaScript. Код написанный на JavaScript может выполняться в любом браузере установленном на любом устройстве. Это достигается тем, что все современные браузере имеют в свое составе интерпретатор JavaScript. Теоретически, front-end программисту нет особой нужды изучать серверные языки программирования, однако профессионалы их знают. Это необходимо для понимания взаимодействия клиентской и серверной части, что может быть критичным при работе над серьезными веб-проектами.

Back-end разработчик занимается программированием серверной части, без которой невозможно существования динамического сайта, например сайта работающего на движке WordPress или Joomla. Посетители сайта, как правило, даже не подозревают о её существовании. Именно back-end программист отвечает за то, чтобы пользователь мог зарегистрироваться на сайте, а его данные сохранились в базе данных. Back-end программист должен владеть хотя бы одним серверным языком программирования, например PHP.

Если вы являетесь поклонником бесплатного движка WordPress и планируете создавать на нём сайты и плагины в одиночку, то следует изучить как JavaScript, так и PHP. Не обойтись и без знания MySQL — системы управления базами данных. Именно в MySQL храниться «самая ценная» информация, такая как тексты статей, настройки движка, комментарии пользователей и т.д.

Книги по веб-программированию для чайников

Посмотрев продукцию магазина OZON, мы подобрали несколько книг по JavaScript, PHP и MySQL которые будут понятны начинающим веб-программистам. Книги написаны известными авторами, такими как: Крис Минник, Ева Холланд, Эрик Фримен, Элизабет Робсон, Никхил Абрахам, Бретт Маклафлин.

Среда разработки

WebStorm — среда разработки на JavaScript, CSS и HTML (front-end разработки). Этот вариант подойдет тем, кто пока решил не заморачиваться с изучением серверных языков программирования, а хочет опробовать себя в разработке только клиентской части сайта.

PhpStorm — позволяет убить сразу двух зайцев, так как в ней можно программировать как на PHP, так и на JavaScript. PhpStorm включает в себя все возможности WebStorm, содержит инструменты для работы с базами данных. PhpStorm — идеальный выбор для тех, кто решил серьезно погрузиться в веб-разработку.

Важно! Продукты компании JetBrains кросс-платформенные, т.е. могут устанавливаться на компьютеры работающие под управление различных операционных систем ((Windows, Mac OS X, Linux).

Интерфейс интегрированной среды разработки PhpStorm

Заключение

Резюмируя все сказанное выше, отметим одну важную вещь — чтобы стать хорошим программистом, нужно много программировать. Практика, практика и ещё раз практика!

Если вам интересны статьи посвященные программированию, то оставляйте комментарии и предлагайте свои темы.

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

Кто такой веб-разработчик?

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

Обязанности и требования к веб-разработчикам:

  • Создание веб-страниц с помощью различных языков разметки;
  • Создание качественных макетов и прототипов;
  • Создание сайтов на WordPress с нуля;
  • Понимание HTML и CMS ;
  • Понимание UI и UX ;
  • Разработка функционала и дизайна сайтов и веб-приложений;
  • Обслуживание и улучшение сайта.

Если говорить о специализации web программистов, то выделяют три основных направления:

  • Разработка front-end . «Front-end » означает элементы на сайте, которые вы видите и с которым взаимодействуете, например, меню, выпадающие списки и т. д.;
  • Разработка back-end . «Back-end » похож на подводную часть айсберга. Без него сайт не может функционировать. Back-end связан с такими вещами, как серверы, приложения и базы данных;
  • Разработка полного стека . Это комбинация разработки back-end и fron-tend .

Зачем становиться веб-разработчиком?

Веб-разработка — это отрасль, которая точно не умрет в ближайшее время. Бюро статистики трудовых ресурсов США предсказало 27% рост количества рабочих мест в сфере веб-разработки к 2024 году.

Вот пять основных причин стать web программистом и обучиться с нуля:

  1. Вы можете работать удаленно;
  2. Вы можете работать самостоятельно. Заниматься фрилансом или начинать свой бизнес;
  3. Вы выходите на прибыльный технологичный рынок. Веб-разработка — это билет в мир высоких технологий. У большинства технологичных стартапов есть потребность в веб-разработчиках, поэтому это может быть ваш путь к успеху.

Как стать веб-разработчиком

  1. Изучите основы HTML, CSS и Javascript

Это гайки и болты любого сайта, с ними вы будете работать ежедневно.

  • HTML задает структуру;
  • CSS делает ее визуально привлекательной;
  • Javascript заставляет ее функционировать.

Перед тем, как стать web программистом, рассмотрим каждый из этих аспектов.

HTML

HTML означает Hypertext MarkUp Language . Это один из основных компонентов любого сайта и один из так называемых front-end языков. Он формирует базовую структуру сайта, делается это в основном с помощью тегов.

Ниже приведены некоторые базовые HTML-теги , с которыми вам следует ознакомиться:

… — этот тег отображается в начале и в конце документа HTML .
… </ title> — это название веб-страницы. Он имеет значение как для поисковых систем (<span>при сканировании и индексировании веб-страниц </span>), так и для пользователей (<span>он отображается в строке заголовка браузера </span>), явно указывая основную тему каждой страницы<br> <head> … </ head> — содержит информацию о конкретной веб-странице, включая теги тайтлов, метаданные и ссылки на скрипты и таблицы стилей.<br> <body> … </ body> — включает в себя весь контент, который будет отображаться для пользователей, в том числе все, что они видят и читают.</p> <p>Примечание . Все теги начинаются как «<body>» и заканчиваются как «</ body>». «/» — указывает, где заканчивается действие конкретного тега. Важно добавлять закрывающийся тег, иначе он будет применен ко всему документу.</p> <p><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201711/css3-cheat-sheet-160331.png' height="300" width="300" loading=lazy></p> <p>CSS — это каскадные таблицы стилей и то, что должен знать web программист обязательно.</p> <p>Они задают стиль <span>HTML-структуры </span>. В принципе без CSS , HTML будет скучным, а в результате и веб-страница будет скучной.</p> <p>Вот как они сочетаются: в HTML-коде вы ссылаетесь на таблицу стилей CSS .</p> <p>Ниже приводится пример того, как выглядит CSS в действии:</p> <p>Пример CSS </p> <p><br><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201711/css-example-160332.png' width="100%" loading=lazy></p> <p>Javascript </p> <p>Javascript — это язык программирования, который позволяет реализовать интерактивные элементы на веб-страницах. Например, интерактивные карты, 2D / 3D-графика и многое другое, что знает даже web программист стажер.</p> <ol><li><span>Изучите руководства по WordPress </span></li> </ol><p><br><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201711/wordpress-logo-1-160344.png' width="100%" loading=lazy></p> <p>Чтобы стать веб-разработчиком, вам нужно будет ознакомиться с WordPress . 25% всех сайтов в интернете работают на этом движке.</p> <ol><li><span>Изучите основы UI и UX </span></li> </ol><p>UI (<span>пользовательский интерфейс </span>) и UX (<span>опыт взаимодействия пользователя </span>) — это основа разработки пользовательского интерфейса.</p> <p>Большинство разработчиков не являются экспертами по дизайну — это две разные сферы. Но, изучив основы построения пользовательского опыта, вы сможете лучше понять, как должен работать сайт.</p> <p>Чтобы узнать больше об основах проектирования сайта, рекомендую изучить Adobe Creative Suite . Photoshop должен быть первым, за что вы возьметесь, так как он подходит для самых серьезных дизайнеров. Если junior web программисту не нравится Adobe , можно также изучить Sketch , который является восходящей звездой.</p> <ol><li><span>Изучите SQL и PHP (более продвинутые навыки) </span></li> </ol><p>SQL — это система управления базами данных. А PHP — это язык «скриптов », который помещает или извлекает данные из базы.</p> <p>Например, рассмотрим WordPress . Он использует MySQL для хранения и управления информацией (<span>записями в блогах, содержимым страниц, комментариями и т. д. </span>) в таблицах базы данных.</p> <p>PHP — это то, что делает любой WordPress-сайт динамичным, взаимодействуя с этими элементами, и обновляя базу данных по мере развития сайта.</p> <p>Узнав больше о том, как работают SQL и PHP , вы сможете досконально освоить разработку сайтов на базе WordPress . Этот вид услуг востребован.</p> <p>Вы не освоите все это за неделю или две. Но со временем, по мере приобретения опыта и навыков, сможете значительно повысить свою конкурентоспособность на рынке в качестве web программиста.</p> <ol><li><span>Изучите основы SEO </span></li> </ol><p>SEO — это поисковая оптимизация. Процесс улучшения ранжирования сайтов в поисковых системах, таких как Google . Это один из самых важных навыков в онлайн-бизнесе.</p> <p>В SEO структура и код сайта также играют определенную роль. Например, тэги тайтлов (<span>HTML </span>) чрезвычайно важны. Они сообщают поисковым системам, что действительно важно на сайте.</p> <p>Должны ли вы стать экспертом в области SEO ? Определенно, нет. Но вы обязательно должны изучить основы SEO и учитывать их при разработке сайтов. Таким образом созданный вами сайт будет иметь больше шансов на успех.</p> <p>Вот несколько советов по SEO для веб-разработчиков </span>:</p> <ul><li>Оптимизируйте метатеги. В поисковой выдаче метатеги сообщают браузерам, о чем ваш сайт;</li> <li>Убедитесь, что теги заголовков находятся в определенном порядке. H1 должен быть основным заголовком, а затем необходимо опускаться вниз по иерархии заголовков (<span>то есть H2, H3, H4 и т. д </span>.). Это упрощает поисковым системам сканирование сайта;</li> <li>Убедитесь, что тег тайтла правильно описывает веб-страницу.</li> </ul><p>Посвятите хотя бы 3-5 часов изучению основ SEO . Это позволит эффективнее разрабатывать сайты и позитивно отразится на зарплате web программиста.</p> <ol><li><span>Адаптивные сайты </span></li> </ol><p>Адаптивный — означает, что элементы сайта подстраиваются под размер экрана пользовательского устройства. Таким образом, сайт будет хорошо выглядеть и в ноутбуке и в смартфоне.</p> <h3>Как найти своего первого клиента на веб-разработку (или стать фрилансером)</h3> <p>Теперь, у вас как у веб-разработчика, есть два варианта. Вы можете: 1) попытаться получить постоянную работу в компании или 2) пойти путем фриланса и искать заказы онлайн.</p> <ul><li>Свобода : больше нет начала рабочего дня и конца рабочего дня. Вы все еще можете работать в те же часы (или больше ), но ваш график, местонахождение и условия жизни полностью зависят от вас;</li> <li>Деньги : как только вы станете хорошим фрилансером, у вас будет больше шансов заработать больше денег (<span>и не ждать ежемесячного трехпроцентного повышения </span>);</li> <li>Престиж : со временем у вас будет возможность развить личный бизнес и бренд настолько, что в конечном итоге это гарантирует постоянный приток новых клиентов.</li> </ul><p>В этом разделе мы сосредоточимся на том, как web программисту стажеру получить свой первый фриланс-заказ…</p> <ol><li><span>Используйте биржи вакансий </span></li> </ol><p>Большинство фрилансеров нашли свои первые проекты по веб-разработке на биржах. Это может быть полезно для накопления опыта, но не нужно использовать их в качестве долгосрочной стратегии.</p> <p>Качество клиентов там может варьироваться. Некоторые могут быть замечательными. Другие — нет.</p> <p>Часто на таких биржах попадаются заказчики, не имеющие опыта в вопросах найма. Это может создать множество проблем, когда вы попытаетесь работать с ними.</p> <p>Сильная зависимость от бирж не оставит вам возможности начать создавать свой собственный бренд. Привлечение «входящего» внимания к вашей работе в конечном итоге даст лучших (<span>и самых платежеспособных </span>) клиентов.</p> <p>Но это неплохой вариант для начала.</p> <p>Помните, что каждый заказ, который вы получаете таким образом поможет получить необходимый практический опыт для работы в будущем.</p> <p>Также довольно легко начать работу на досках объявлений… Ниже приведен скриншот поиска по UpWork :</p> <p><br><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201711/job-boards-1024x536-160322.png' width="100%" loading=lazy></p> <ol><li><span>Создайте сайт-портфолио </span></li> </ol><p>Чтобы быстрее находить клиентов, создайте резюме web программиста и сайт портфолио. На нем вы сможете продемонстрировать свои последние проекты, отзывы клиентов, предоставить потенциальным клиентам удобный канал для связи.</p> <p>Начать свой путь к карьере программиста стоит с ответа на вопрос, нужно ли вам программирование вообще? Этот вопрос не относится к тем, кто учится или учился по специальности, близкой к программированию. Если вам в школе математика давалась лучше, чем гуманитарные науки, если вам нравится проводить много времени за компьютером, если вам хочется изучать что-то новое, тогда программирование вам подойдёт.</p> <h3>С чего начать</h3> <p>Есть несколько вариантов развития событий, в результате которых человек становится программистом. Первый - родители-программисты, которые всему научили своих детей. Таким детям даже не нужно идти в университет. Второй вариант - модная профессия программиста. После школы нужно было выбрать, куда пойти учиться, и выбрали модное направление IT, вроде бы понравилось. И последний вариант - хобби, которое переросло в работу.</p> <p>Если с вами ничего из вышеперечисленного не произошло, значит, у вас есть выбор из четырёх вариантов:</p> <ul><li><b>Самообразование </b>. Этот вариант можно использовать как самостоятельно, так и в паре с другими методами. В интернете полно , и приложений , которые помогают изучать различные языки программирования и технологии. Но это самый тяжёлый путь для начинающих.</li> <li><b>Университет </b>. Если вы оканчиваете школу и хотите быть программистом, тогда идите в университет. Если не за знаниями, тогда за корочкой. Она может послужить бонусом при устройстве на работу. Хотя и какие-то знания вы тоже получите. Но не забывайте заниматься и самообучением. К выбору вуза стоит подойти очень ответственно. Внимательно изучите программы обучения и выбирайте лучшие технические вузы.</li> <li><b>Ментор </b>. Будет очень неплохо, если вы найдёте человека, который согласится помочь вам и направит вас в правильную сторону. Он подскажет подходящие книги и ресурсы, проверит ваш код, даст полезные советы. Кстати, мы уже писали о , где вы сможете найти ментора. Наставника можно искать среди знакомых программистов, на IT-тусовках и конференциях, на онлайн-форумах и так далее.</li> <li><b>Специализированные практические курсы </b>. Попробуйте поискать в своём городе курсы, где вас обучат какому-нибудь языку программирования или технологии. Я был приятно удивлён количеством таких курсов в Киеве, в том числе бесплатных и с последующим трудоустройством.</li> </ul><h3>Какой язык, технологию и направление выбрать</h3> <p>Когда вы станете программистом, через годик-другой будете вольны выбирать любой язык, который вам нравится. Но при выборе первого языка программирования новичок должен учитывать следующие критерии:</p> <ul><li><b>Наличие на рынке вакансий </b>. Конечная цель этого пути - найти работу программистом. А это будет трудно сделать, если на рынке вакансий никто не будет искать разработчиков на вашем языке программирования. Проверьте сайты с вакансиями, посмотрите, кого больше ищут, выпишите десяток языков. И переходите к следующему критерию.</li> <li><b>Низкий уровень вхождения </b>. Если вам придётся потратить длительное время на изучение языка, это может отбить у вас охоту к программированию вообще. Почитайте о тех языках, которые вы выбрали выше. Просмотрите литературу, которую нужно будет прочитать, чтобы изучить эти языки. И выберите те, о которых пишут, что они лёгкие, или которые вам показались лёгкими. Такими языками могут оказаться PHP, Ruby, Python.</li> <li><b>Кайф от процесса </b>. Если вам не нравится писать код на выбранном языке, вы не будете получать удовольствия от этого процесса, от работы и от жизни. А оно вам надо? Делайте правильный выбор.</li> </ul><p>Также вам придётся определиться с направлением программирования. Мобильное, десктопное, игры, веб, низкоуровневое программирование и так далее. Самые популярные и относительно лёгкие отрасли - разработка под веб, мобильные и десктопные клиенты. Под каждое направление может подходить один язык и совсем не подходить другой. То есть при выборе языка программирования также стоит отталкиваться и от этого фактора.</p> <p>В любом случае изучите веб-технологии. Это язык разметки , стили и , который позволит сделать вашу страницу динамической. На следующем этапе изучите серверный язык (Python, PHP, Ruby и другие) и подходящие для него веб-фреймворки. Изучите базы данных: практически в каждой вакансии программиста это упоминается.</p> <h3>Как получить начальный опыт</h3> <p>Без опыта вы не получите работу. Без работы вы не получите опыт. Замкнутый круг реальной жизни. Но ничего страшного, мы из него выберемся.</p> <p>Во-первых, не стоит ждать, пока вы прочитаете все книги по выбранному языку программирования. Начинайте писать свои первые строки кода уже после второй главы книги. Выполняйте все задания из книг, перепечатывайте примеры, разбирайтесь в них. Усложняйте примеры и задания из книг своими идеями. Создавайте свои задачи к пройденному материалу. Решайте эти задачи.</p> <p>Во-вторых, вам нужно найти свои первые проекты. Это, наверное, самый сложный вариант, но рабочий. Вам придётся самому искать заказы, выполнять их, заморачиваться с оплатой. Для новичка это архисложно, но зато затем все остальные варианты покажутся плёвым делом. Выполненные проекты можно будет записать в опыт и показать вашему будущему работодателю. Реальные проекты являются большим плюсом в вашем резюме.</p> <p>Если вы знаете английский язык, регистрируйтесь лучше на англоязычных биржах. Рынок там больше. Если не знаете английского, учите его. А пока что вам доступны русскоязычные биржи фриланса. Ищите небольшие проекты, которые соответствуют вашему уровню знаний или чуть выше него. Подайте заявку на пару десятков таких заданий. И приготовьтесь получить море отказов. Но если одна-две заявки выстрелят, у вас будет шанс получить реальный опыт.</p> <p>Ещё одним неплохим вариантом для получения реального опыта является open source. Таким проектам всегда нужны новые люди, пусть даже и новички. Вы можете поискать в проекте баги или посмотреть в баг-трекере и предложить методы их решения. Найти такие проекты легко на GitHub или . Не стесняйтесь задавать там вопросы.</p> <p>Четвёртый вариант получения опыта - помощь знакомым программистам. Попросите их передать вам маленькие и несложные задания. Если что-то не будет получаться, у вас всегда будет к кому обратиться. И при этом вы будете участвовать в реальном проекте.</p> <p>Последний способ - собственные проекты, различные хакатоны или работа в коворкинге. Свои проекты сложно начинать самому, лучше поискать знакомых или друзей.</p> <h3>Почему стоит выбрать Python</h3> <p>Давайте немного подробнее поговорим о выборе первого языка программирования. Первый язык должен быть простым и популярным на рынке. Таким языком является <b>Python </b>. Я очень советую выбрать именно его в качестве первого языка программирования.</p> <p>Код программы на Python читабелен. Вам даже не нужно быть программистом, чтобы в общих чертах понять, что происходит в программе. Из-за несложного синтаксиса Python вам понадобится меньше времени для написания программы, чем, например, на Java. Огромная база библиотек, которая сэкономит вам кучу сил, нервов и времени. Python является высокоуровневым языком. А значит, вам не нужно особо думать о ячейках памяти и о том, что там разместить. Python - язык широкого назначения. И он такой простой, что даже дети могут его выучить.</p> <p>Справедливости ради стоит упомянуть и о других языках программирования. <b>Java </b> может стать неплохим выбором для новичка. Этот язык популярнее, чем Python, но и немного сложнее. Зато инструменты для разработки гораздо лучше проработаны. Стоит только сравнить Eclipse и IDLE. После Java вам будет проще перейти к работе с низкоуровневыми языками программирования.</p> <p><b>PHP </b> - ещё один очень популярный язык. И, мне кажется, он даже проще, чем Python. Очень легко найти себе ментора или решение какой-нибудь проблемы на форуме. Всё потому, что в мире существует огромное количество PHP-программистов разного уровня. В PHP нет нормального импорта, есть множество вариантов решения одной и той же задачи. А это усложняет обучение. И PHP заточен исключительно под веб.</p> <p>Языки <b>C </b> и <b>C# </b> очень сложны для новичка. <b>Ruby </b> - хороший выбор в качестве второго языка, но не первого. <b>JavaScript </b> - очень простой язык, но ничему хорошему он вас не научит. А задача первого языка программирования всё-таки научить вас чему-то правильному, задать какую-то логику.</p> <h3>Важен ли английский язык</h3> <p>Важен! Не знаете? Учите. Знаете? Совершенствуйте. Учитесь читать, писать, слушать и говорить на английском. Делайте упор на техническую литературу. Слушайте англоязычные подкасты. Читайте англоязычные учебники по программированию.</p> <h3>Что нужно знать, кроме языка программирования</h3> <p>Конечно же, кроме языка программирования и английского, нужно знать что-то ещё. А вот что - зависит от направления, которое вы выберете. Веб-программист обязан знать HTML, CSS, JavaScript. Десктоп-программист учит API операционной системы и различные фреймворки. Разработчик мобильных приложений учит фреймворки Android, iOS или Windows Phone.</p> <p>Всем нужно выучить алгоритмы. Попробуйте пройти курс на Coursera или найти подходящую для себя книгу по алгоритмам. Кроме этого, нужно знать одну из баз данных, паттерны программирования, структуры данных. Стоит также познакомиться с репозиториями кода. Хотя бы с одним. Обязательно знание систем версионного контроля. Выбирайте Git, он самый популярный. Вам нужно знать инструменты, с которыми вы работаете, операционную систему и среду разработки. И главный навык программиста - уметь гуглить. Без этого вы не проживёте.</p> <h3>Последние шаги</h3> <p>Вам нужно подготовить резюме. Не просто резюме, а . Не стоит писать там , но и умалчивать о своих умениях тоже не нужно. После того как вас пригласят на интервью, вы должны к нему подготовиться. Пройдитесь по материалу, который указан в вашем резюме. Вы должны быть уверены в своих знаниях. Просмотрите проекты, над которыми вы работали, вспомните технологии, которые вы применяли. И вперёд - к светлому будущему с новой профессией программиста.</p> <p><i><b>От автора: </b> и вновь приветствуем вас на нашем блоге, где можно окончательно и бесповоротно погрузиться в удивительный мир фриланса. В нем нет ни начальников, ни рабочего графика, и все зависит только от вашей инициативы и стремления к самосовершенствованию. Сегодня мы поговорим о такой отрасли фриланса, как веб-программирование. Если вы ищете способ, как начать зарабатывать веб-программистом, то вы пришли по адресу. </i></p> <p>Если вы только начинаете изучать веб-программирование, то вы тем более по адресу! Но прежде чем подсчитывать, сколько зарабатывает веб программист, вы должны решить для себя, будет ли вам приносить удовольствие этот род деятельности. Работа должна быть вашим хобби!</p> <h3>С чего начать?</h3> <p>Методика обучения любому ремеслу почти всегда одинакова. Неважно, что вы изучаете: теорию и практику перевода, экономику, юриспруденцию или же наше насущное веб-программирование. Для того чтобы стать хорошим специалистом, следует обширно, хотя и не обязательно глубоко, изучить сферы, с которыми так или иначе соприкасается область изучаемой вами науки.</p> <p>К примеру, архитекторы изучают историю различных стилей архитектуры и ключевые события, происходящие в ту или иную эпоху, повлиявшие на тенденции в искусстве, а, следовательно, в архитектуре. Хотя историками архитекторы не являются, базовые знания истории им необходимы.</p> <p>С веб-программированием дело обстоит примерно так же. Не стоит пытаться изучить всё и сразу, но знания обо всем понемногу из области веб-разработки нужны хотя бы для того, чтобы понять, в какой специализации вы сможете проявить себя в лучшем виде.</p> <p><img src='https://i1.wp.com/webformyself.com/wp-content/themes/web4my/images/ads/premium/5.jpg' height="145" width="161" loading=lazy></p> <h3>Что следует уметь начинающему веб-программисту?</h3> <p>Как начать зарабатывать веб-программистом, если вы практически ничего не знаете о веб-разработке, а на программный код смотрите, словно на китайскую грамоту? Не расстраивайтесь, ведь все когда-то были новичками, прежде чем научились писать коды для приложений и запускать спутники на орбиту. У вас есть желание и подключение к интернету, а на начальном этапе этого будет вполне достаточно.</p> <h3>Изучите основы HTML и CSS</h3> <p>Изучение Hypertext Markup Language и Cascading Style Sheets, т. е. HTML и CSS - это основа основ. Именно язык разметки гипертекста и каскадные таблицы стилей структурируют разметку и оформление веб-страниц.</p> <p>Для того чтобы вы лучше могли сориентироваться в океане информации под названием Интернет, я посоветую вам несколько приличных видеокурсов, посвященных изучению JavaScript:</p> <p>Уже знаете JavaScript и HTML? Замечательно, потому что период изучения этих двух языков можно сравнить с первым курсом университета, где вы получаете базовые знания для того чтобы быть готовым двигаться дальше.</p> <h3>Переходим от фронтенда к бэкенду</h3> <p>Но поскольку этим деятельность веб-программиста не исчерпывается, самое время переходить к тому, что называют «Back-end». Иначе говоря, это код, который функционирует на сервере. Для этого вам не обязательно обзаводиться собственным сервером, ведь ваш ПК отлично справится с этой ролью.</p> <p>Начать изучение раздела «Back-end» следует с Node.JS, т. к. с его помощью вы сможете запускать JavaScript-коды не в браузере, как раньше, а уже на сервере. Кроме того, следует изучить работу с базами данных (MongoDB) и Express - библиотекой, благодаря которой Node.JS может функционировать в качестве веб-сервера.</p> <p>Собственно, это и есть тот фундамент, на котором будет построена ваша дальнейшая карьера веб-программиста. Этих знаний буде вполне достаточно для того чтобы пробовать себя в веб-программировании, но не забывайте, что с развитием технологий вам придется изучать все новые языки и новые методики. Так что, друзья, не останавливайтесь на достигнутом при первых же симптомах успеха.</p> <h3>Найдите работу веб-программистом на полную ставку или фрилансером</h3> <p>Разработчику без опыта найти работу довольно сложно, но не невозможно. Воспользуйтесь известными сайтами по поиску сотрудников или даже связями знакомых и родственников. В офисе вы познакомитесь с механизмами этого бизнеса изнутри. Там вы научитесь вести дела с клиентами и поупражняетесь в управлении своими финансами.</p> <p>Потом, при желании, можно перейти во фриланс. Когда именно это можно сделать, решать только вам. Этот знаменательный момент может зависеть от вашей квалификации, опыта, умения рисковать, семейных обязательств и даже долгов. Главное, при этом, придерживайтесь деловой этики.</p> <h3>Создайте проектно-ориентированное резюме</h3> <p>Портфолио - это важнейший способ продемонстрировать свою работу и найти заказчика. Я советую использовать вам гибкий формат портфолио - на первом плане должна быть информация, отражающая специфику и ваши достоинства именно в той работе, которую вы хотите получить. Если для компании-нанимателя важно ваше образование, то разместите информацию о нем и ваших сертификатах в соответствующем разделе.</p> <h3>Вопрос, волнующий всех программистов-новичков</h3> <p>Теперь вы знаете, как заработать веб-программистом и что для этого нужно уметь. Многих начинающих волнует вопрос, сколько зарабатывают веб-программисты.</p> <p>Не секрет, что в нашей стране многие толковые веб-программисты работают на заказчиков из Западной Европы и США. И если сопоставить курсы валют и уровень оплаты труда, можно сделать вывод, что их выбор вполне оправдан.</p> <p>Как правило, оплата напрямую зависит от степени сложности выполнения задания, поэтому веб-разработчик может получить от $100 до $10 000. На степень оплаты влияет множество факторов, таких как сложность задания, сроки, в которые необходимо выполнить работу и т. д., так что конкретных расценок на услуги веб-программистов быть не может. Покопавшись в предложениях компаний-работодателей, можно сделать такую выборку по зарплате IT-специалистов:</p> <p>С уверенностью можно сказать лишь то, что веб-программист является одной из самых востребованных интернет-профессий в мире. И, несмотря на высокую конкуренцию на рынке труда, хорошие веб-мастера всегда в дефиците. К тому же, в силу исторических и экономических причин, наши веб-разработчики высоко ценятся западными заказчиками.</p> <p>На этом, пожалуй, все. Подписывайтесь на обновления нашего блога и делитесь ими с друзьями. Осваивайте новые горизонты и никогда не останавливайтесь в самосовершенствовании. До новых встреч!</p> <p><img src='https://i1.wp.com/webformyself.com/wp-content/themes/web4my/images/ads/premium/5.jpg' height="145" width="161" loading=lazy></p><p>Современные тенденции и подходы в веб-разработке</p> <p>Узнайте алгоритм быстрого роста с нуля в сайтостроении</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> <div class="vce-share-bar"> <ul class="vce-share-items"> <li><a class="fa fa-facebook" href="javascript:void(0);" data-url="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fpypad.ru%2Fobuchenie-programmirovaniyu-s-nulya-poshagovoe-rukovodstvo-dlya.html"></a></li> <li><a class="fa fa-twitter" href="javascript:void(0);" data-url="http://twitter.com/intent/tweet?url=https%3A%2F%2Fpypad.ru%2Fobuchenie-programmirovaniyu-s-nulya-poshagovoe-rukovodstvo-dlya.html"></a></li> <li><a class="fa fa-google-plus" href="javascript:void(0);" data-url="https://plus.google.com/share?url=https%3A%2F%2Fpypad.ru%2Fobuchenie-programmirovaniyu-s-nulya-poshagovoe-rukovodstvo-dlya.html"></a></li> <li><a class="fa fa-pinterest" href="javascript:void(0);" data-url="http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fpypad.ru%2Fobuchenie-programmirovaniyu-s-nulya-poshagovoe-rukovodstvo-dlya.html"></a></li> <li><a class="fa fa-whatsapp no-popup" href="whatsapp://send?text=https%3A%2F%2Fpypad.ru%2Fobuchenie-programmirovaniyu-s-nulya-poshagovoe-rukovodstvo-dlya.html"></a></li> </ul> </div> </article> </main> <div class="main-box vce-related-box"> <h3 class="main-box-title">Возможно вас заинтересует</h3> <div class="main-box-inside"> <article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament"> <div class="meta-image"> <a href="/obzor-garnitury-creative-aurvana-in-ear3-plus-obzor-creative-aurvana-in-ear3-plus-velikolepnye.html" title="Обзор: creative aurvana in-ear3 plus — великолепные арматурные наушники с двойными излучателями Впечатления от прослушивания"> <img width="145" height="71" src="/uploads/ea8b9e2edac089e5abde0feedccbf389.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Обзор: creative aurvana in-ear3 plus — великолепные арматурные наушники с двойными излучателями Впечатления от прослушивания"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="" class="category">Windows 8</a> </span> <h2 class="entry-title"><a href="/obzor-garnitury-creative-aurvana-in-ear3-plus-obzor-creative-aurvana-in-ear3-plus-velikolepnye.html" title="Обзор: creative aurvana in-ear3 plus — великолепные арматурные наушники с двойными излучателями Впечатления от прослушивания">Обзор: creative aurvana in-ear3 plus — великолепные арматурные наушники с двойными излучателями Впечатления от прослушивания</a></h2> </header> </article> <article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament"> <div class="meta-image"> <a href="/stabilnye-programmy-dlya-sozdaniya-zagruzochnoi-fleshki-legkaya.html" title="Легкая запись образа на флешку"> <img width="145" height="71" src="/uploads/4e086932c2eef2a59774913b28a9163b.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Легкая запись образа на флешку"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="" class="category">Windows 7, XP</a> </span> <h2 class="entry-title"><a href="/stabilnye-programmy-dlya-sozdaniya-zagruzochnoi-fleshki-legkaya.html" title="Легкая запись образа на флешку">Легкая запись образа на флешку</a></h2> </header> </article> <article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament"> <div class="meta-image"> <a href="/rukovodstvo-po-bystromu-startu-platformy-orange-pi-one-s-operacionnoi.html" title="Orange Pi Lite - обзор, установка и настройка операционной системы Распаковываем Orange Pi One"> <img width="145" height="71" src="/uploads/c7297f77b3182fcda78e2e6d98a52faa.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Orange Pi Lite - обзор, установка и настройка операционной системы Распаковываем Orange Pi One"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="" class="category">Гаджеты</a> </span> <h2 class="entry-title"><a href="/rukovodstvo-po-bystromu-startu-platformy-orange-pi-one-s-operacionnoi.html" title="Orange Pi Lite - обзор, установка и настройка операционной системы Распаковываем Orange Pi One">Orange Pi Lite - обзор, установка и настройка операционной системы Распаковываем Orange Pi One</a></h2> </header> </article> <article class="vce-post vce-lay-d post-273 post type-post status-publish format-standard has-post-thumbnail hentry category-stroitelstvo category-fundament tag-gazobeton tag-dom tag-kak-vybrat tag-stroitelstvo tag-fundament"> <div class="meta-image"> <a href="/sertifikaty-android-prestigio-4322-duo-proshivka-ili-pereproshivka.html" title="Прошивка или перепрошивка телефона Prestigio MultiPhone"> <img width="145" height="71" src="/uploads/b4d22fce8e20e61308eabc35d5a17953.jpg" class="attachment-vce-lay-d size-vce-lay-d wp-post-image" alt="Прошивка или перепрошивка телефона Prestigio MultiPhone"sizes="(max-width: 145px) 100vw, 145px" / loading=lazy> </a> </div> <header class="entry-header"> <span class="meta-category"><a href="" class="category">Телевизоры</a> </span> <h2 class="entry-title"><a href="/sertifikaty-android-prestigio-4322-duo-proshivka-ili-pereproshivka.html" title="Прошивка или перепрошивка телефона Prestigio MultiPhone">Прошивка или перепрошивка телефона Prestigio MultiPhone</a></h2> </header> </article> </div> </div> </div> <aside id="sidebar" class="sidebar right"> <div id="search-2" class="widget widget_search"> <form class="vce-search-form" action="/" method="get"> <input name="s" class="vce-search-input" size="20" type="text" value="Поиск" onfocus="(this.value == 'Поиск') && (this.value = '')" onblur="(this.value == '') && (this.value = 'Поиск')" placeholder="Поиск" /> <button type="submit" class="vce-search-submit"><i class="fa fa-search"></i></button> </form> </div> <div id="recent-posts-2" class="widget widget_recent_entries"> <h4 class="widget-title">Свежие записи</h4> <ul> <li> <a href="/obzor-garnitury-creative-aurvana-in-ear3-plus-obzor-creative-aurvana-in-ear3-plus-velikolepnye.html">Обзор: creative aurvana in-ear3 plus — великолепные арматурные наушники с двойными излучателями Впечатления от прослушивания</a> </li> <li> <a href="/stabilnye-programmy-dlya-sozdaniya-zagruzochnoi-fleshki-legkaya.html">Легкая запись образа на флешку</a> </li> <li> <a href="/rukovodstvo-po-bystromu-startu-platformy-orange-pi-one-s-operacionnoi.html">Orange Pi Lite - обзор, установка и настройка операционной системы Распаковываем Orange Pi One</a> </li> <li> <a href="/sertifikaty-android-prestigio-4322-duo-proshivka-ili-pereproshivka.html">Прошивка или перепрошивка телефона Prestigio MultiPhone</a> </li> <li> <a href="/kak-zashchitit-faily-na-usb-fleshke-kak-postavit-parol-na.html">Как поставить пароль на флешку — простые и эффективные варианты Можно ли ставить пароль на флешку</a> </li> <li> <a href="/chto-takoe-vebinar-i-kak-on-prohodit-chto-takoe-vebinary-i-kak-oni-prohodyat.html">Что такое вебинары и как они проходят?</a> </li> <li> <a href="/kak-zakryt-papku-parolem-v-windows-7-kak-ustanovit-parol-na-papku-bez.html">Как установить пароль на папку без дополнительных программ</a> </li> <li> <a href="/sis-fail-s-versiei-programmy-x-plore-x-plore-failovyi-menedzher-dlya-android-failovyi.html">X-plore: файловый менеджер для Android</a> </li> <li> <a href="/xiaomi-mi-drone-pervye-realnye-testy-novogo-kvadrokoptera-kvadrokoptery.html">Квадрокоптеры Xiaomi Mi drone от компании xiaomi</a> </li> </ul> </div> <div id="categories-2" class="widget widget_categories"> <h4 class="widget-title">Рубрики</h4> <ul> <li class="cat-item cat-item-16"><a href="/category/internet/" title="Интернет"><span class="category-text">Интернет</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/gadgets/" title="Гаджеты"><span class="category-text">Гаджеты</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/tips/" title="Советы"><span class="category-text">Советы</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/program/" title="Программы"><span class="category-text">Программы</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/security/" title="Безопасность"><span class="category-text">Безопасность</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/tv/" title="Телевизоры"><span class="category-text">Телевизоры</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/windows-10/" title="Windows 10"><span class="category-text">Windows 10</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/windows-8/" title="Windows 8"><span class="category-text">Windows 8</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/configuring-wi-fi/" title="Настройка Wi-Fi"><span class="category-text">Настройка Wi-Fi</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/dll-files/" title="Файлы DLL"><span class="category-text">Файлы DLL</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/windows7xp/" title="Windows 7, XP"><span class="category-text">Windows 7, XP</span><span class="count"><span class="count-hidden"></span></span></a> </li> <li class="cat-item cat-item-16"><a href="/category/different/" title="Разное"><span class="category-text">Разное</span><span class="count"><span class="count-hidden"></span></span></a> </li> </ul> </div> </aside> </div> <footer id="footer" class="site-footer"> <div class="container"> <div class="container-fix"> <div class="bit-3"> </div> <div class="bit-3"> </div> <div class="bit-3"> </div> </div> </div> <div class="container-full site-info"> <div class="container"> <div class="vce-wrap-left"> <p>Copyright © 2024. Портал о компьютерной технике</p> </div> </div> </div> </footer> </div> </div> <a href="javascript:void(0)" id="back-top"><i class="fa fa-angle-up"></i></a> <div id="vk_api_transport"></div> <script type="text/javascript"> jQuery(document).ready(function($) { if ($('.social-likes')) { $('.social-likes').each(function() { var p = $(this).parent(); if (p.data('url')) { $(this).data({ 'url': p.data('url'), 'title': p.data('title') }); } if ($(this).find('.pinterest').length) { if (p.data('media')) { $($(this).find('.pinterest')[0]).data({ 'media': p.data('media') }); } else $($(this).find('.pinterest')[0]).remove(); } }); $('.social-likes').socialLikes({ zeroes: 0 }); } }); </script> <script type='text/javascript' src='/assets/evc-share.js'></script> <script type='text/javascript' src='/assets/social-likes.min.js'></script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/main.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var vce_js_settings = { "sticky_header": "1", "sticky_header_offset": "700", "sticky_header_logo": "", "logo_mobile": "", "logo_mobile_retina": "", "rtl_mode": "0", "ajax_url": "\/wp-admin\/admin-ajax.php", "ajax_mega_menu": "1", "mega_menu_slider": "", "mega_menu_subcats": "", "lay_fa_grid_center": "", "full_slider_autoplay": "", "grid_slider_autoplay": "", "fa_big_opacity": { "1": "0.5", "2": "0.7" } }; /* ]]> */ </script> <script type='text/javascript' src='/assets/min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <script type="text/javascript"> /* <![CDATA[ */ jQuery(document).ready(function($) { if (typeof VKWidgetsComments !== 'undefined' && VKWidgetsComments.length && evc_post_id) { if ($('#vk-widget-' + evc_post_id).length) { if ($('#respond').length) { $('#respond form').hide(); $('#respond').append($('#vk-widget-' + evc_post_id)); } } cClose = false; if ($("#comments .comment-list").length) { $("#comments .comment-list").wrap('<div class = "evc-comments-wrap"></div>'); docViewHeight = $(window).height(); $(document).scroll(function() { var docViewTop = $(window).scrollTop(); var elemTop = $('.evc-comments-wrap').offset().top; //var elemBottom = elemTop + $('.evc-comments-wrap').height(); if (elemTop * 3 / 4 <= docViewTop && !cClose) { cClose = true; $(".evc-comments-wrap").animate({ "height": 0 }, 800); } }); } } // Rresponsive VK Comments Widget Width if ($('.vk_widget_comments').length) { responsiveVkWidget(); $(window).on('resize', function() { responsiveVkWidget(); }); } function responsiveVkWidget() { var vkParentWidth = parseInt($('.vk_widget_comments').parent().width()); $('.vk_widget_comments, .vk_widget_comments iframe').css({ width: vkParentWidth }); $('.vk_widget_comments, .vk_widget_comments iframe').attr('width', vkParentWidth); } // END Rresponsive VK Comments Widget Width }); // End jQuery /* ]]> */ </script> </body> </html>