Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Модное кулинарное Шоу! Игра в ресторан, приготовление блюд, декорирование домов и преображение внешности героев.

Кулинарные истории

Казуальные, Новеллы, Симуляторы

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

HTML + Веб-разработка

С этим тегом используют

CSS Программирование Javascript Верстка IT Сайт Web Разработка Программист Все
88 постов сначала свежее
55
MaxLisyanskiy
MaxLisyanskiy
5 лет назад
Web-технологии

С нуля до Frontend-разработчика. Начало⁠⁠

С нуля до Frontend-разработчика. Начало Веб-разработка, Frontend, Web, HTML, CSS, Верстка, Длиннопост

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

Как говорил ранее, все кто начинают обучение в веб-разработке сталкиваются с огромным количеством информации в сети и отсутствием практических навыков. Я не стал исключением.
Даже имея RoadMap и обучающие курсы,  происходит так, что мы учим сухую теорию и когда дело доходит до собственного проекта, руки и голова забывает как писать код.

Пересмотрев уйму информации в интернете, а также повторяя код за лектором, решил остановиться и начать свой путь заново, почти с нуля.

Сейчас хотел бы посоветовать небольшой план для людей, которые только начинают свой путь в веб-разработку:

1) Думаю, самый народный способ изучить основы HTML и CSS это воспользоваться бесплатными курсами от HTML Academy.
Затем эти знания можно закрепить пройдя бесплатные задания на FreeCodeCamp. (Basic)

2) Советую скачать бесплатно курс, который писал здесь (п. 2)

!Либо можете найти ссылку на скачивание zip-файла в комментариях в этом посте!
Посмотрев первый модуль, вы уже отточите свои базовые знания + будет настроено пространство.

3) После этого сразу советую изучить препроцессор CSS  (хотя его и ставят в середину обучения, считаю его надо учить сразу после основ). Про них можно узнать в модуле 2  - 025  из того курса, либо из любого другого видео на YouTube.

4) Изучаем основы Git/Github. Из курса Модуль 3 - 041, либо на YouTube. В начале необходимо уметь только пушать проекты в репозиторий. имхо)

+ также многие советуют выделять время на прочтение книг и изучения англа. Но я считаю, что лучше получать информацию с помощью интерактивных ресурсов (видео), а также стараться не распыляться на другие темы.

Сложно описать сколько времени у вас займет на обучение данного материала, но в среднем можно предположить 2/3 недели.

После этого можно уже с головой углубляться в верстку.

Мой план обучения на ближайшее время:
1) Практикуем верстку с помощью Bootstrap Grid (ее многие недолюбливают, но я хотел бы закрепить эти знания);
2) Продвинутая верстка с Flexbox без интерактива;
3) Стараемся настолько набить руку, чтобы могли сверстать почти любой проект без интерактива;
4) Основы JS;
5) Поверхностное изучения JQuery и добавления интерактива на сайты.
6) Продвинутый JS;
7) React.js
8) Создаем портфолио;
8) Стараемся устроиться на работу джуном.

План на следующую неделю:
1) Доделать проект из курса (модуль 2);
2) Найти и сверстать самостоятельно пару лендингов с помощью сетки + делать их "резиновыми".

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

Все получилось сумбурно, я еще дилетант в этом деле, так что рад любой критике и пожеланиям :)

Показать полностью
[моё] Веб-разработка Frontend Web HTML CSS Верстка Длиннопост
52
TotemFly
TotemFly
5 лет назад

Комментарии в веб разработке⁠⁠

Приветствую всех читателей.
*Для новичков

Комментарии в веб - разработке.
Речь пойдёт о таких языках: HTML, CSS, JS.

HTML - чтобы сделать комментарий нужно заключить его таким образом:
<!-- комментарий -->

CSS - чтобы сделать комментарий нужно заключить его таким образом:
/* комментарий */

JS - чтобы сделать комментарий нужно заключить его таким образом:
// комментарий.

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

[моё] Веб-разработка Программирование Комментарии HTML CSS Html 5 Css3 Javascript Текст
42
2
voi1i
5 лет назад
Web-технологии

CSS3: Множество границ на одном блоке⁠⁠

[моё] CSS Css3 Веб-разработка HTML Создание сайта Pikaweb Видео
14
Mr.Haze
Mr.Haze
5 лет назад

Веб-разработка⁠⁠

Доброго всем времени суток, товарищи пикабутяне.

В целом это вопросный пост )

Я достаточно давно повсеместно сталкиваюсь с веб-разработкой, неоднократно сам писал сайты разного уровня сложности, но ввиду высокой нагрузки на основной работе, выпадал из темы веб-разработки (а она мне прям очень близка) на разный период времени. Сегодня, под конец года, нам объявили на работе о реорганизации предприятия и практически полного замены всего штата сотрудников (хотя я там занимал вполне неплохую должность -> и зп). В следствие этого, я хочу изучить упущенное в веб-разработке за определенное время. Но, столкнулся с ситуацией:

1) Что сейчас в тренде (актуально к изучению)

2) Какой срок на изучение в среднем необходим (учитывая логический склад ума)

3) С нынешним опытом (до сих пор могу написать сайт среднего уровня сложности) куда податься?) В моем городе требуется исключительно джедаи в части JS разработки с полным стеком всех фреймворков на зарплату в 50 тыс. (Это Сочи)

4) Может есть у кого знакомые, к кому можно подладится как "подмастерье", чтобы совмещать реальные проекты с обучением?

HTML Веб-разработка Помощь Без рейтинга Работа Текст
17
20
art.malcov
art.malcov
5 лет назад

Когда, удаляя мусор с компьютера, наткнулся на свой первый сайт, сделанный на чистом HTML⁠⁠

Когда, удаляя мусор с компьютера, наткнулся на свой первый сайт, сделанный на чистом HTML Капитан Америка, Верстальщик, Веб-разработка, Web-программирование, HTML, Программирование
Показать полностью 1
Капитан Америка Верстальщик Веб-разработка Web-программирование HTML Программирование
10
3
MaestroAT
5 лет назад

Кто работает в сфере веба.Прошу совета.⁠⁠

Что сейчас имеется на рынке труда (г. Москва)? Насколько трудно устроиться веб-дизайнером, верстальщиком или администратором сайта? Какие зарплаты? Поделитесь опытом трудоустройства.

О себе:

Мне 38 лет. Последние лет 10 работаю инженером в КБ. Интереса к своей работе, увы, не испытываю. Лет пять назад решил научиться веб разработке, поменять свою жизнь:)

Незадолго до этого окончил курсы по графике, т.е. с фотошопом, иллюстратором, корелом - "на ты". Веб-программированию учился сам, - по книгам, по видео урокам, на собственных ошибках. Умею работать с 3-я cms: Joomla, WordPress, Битрикс (разбираюсь в API). Есть опубликованные сайты. Знаю html и css, первый свой сайт делал как статический. Имею опыт продвижения сайта, Гугл и Яндекс реклама. Читаю код Js и php, сам серьезных проектов на этих языках не делал.

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

Посоветуйте, стоит ли и дальше тратить свое время и силы на освоение материала, практику, закидывать резюме - и ничего не получать? Переполнен рынок? Поделитесь опытом трудоустройства, а может, кто заинтересуется моей кандидатурой пишите в личку maestroat@yandex.ru

Спасибо.

[моё] Веб-дизайн HTML Frontend Web Веб-разработка IT Текст
20
PerdakFire
PerdakFire
6 лет назад

Бесплатно заверстаю сайт/веб-страницу по макету⁠⁠

Добрый день. Тренируюсь верстать + пытаюсь насобирать образцы работ для показа. В связи с этим предлагаю всем желающим сверстать веб-страницу, сайт, виджет или что угодно другое по имеющемуся макету/эскизу. Абсолютно бесплатно, дружелюбно и качественно. Верстаю как на фреймворках (bootstrap, bulma), так и без. От вас - разрешение упомянуть это в портфолио.

Макеты с информацией слать на почту vitiank@yandex.ru либо в телегу https://t.me/vuldoz

Без рейтинга HTML CSS Верстка Бесплатно Веб-разработка Текст
6

Оформить подписку для бизнеса

Перейти
Партнёрский материал Реклама
specials
specials

Ваш бизнес заслуживает большего!⁠⁠

Оформляйте подписку Пикабу+ и получайте максимум возможностей:

Ваш бизнес заслуживает большего! Малый бизнес, Предпринимательство, Бизнес

О ПОДПИСКЕ

Малый бизнес Предпринимательство Бизнес
LiquidLife
6 лет назад

Посоветуйте книженцию⁠⁠

Итак, начал я значится учить JS, но во многих источниках да и в самой книге говорилось что сначала лучше учить хотя бы на среднем уровне вёрстку статичных страниц. И понесло меня учить html + css в мануалах на ютубчике все норм объясняют, но этого мало. По сути показывают как сделать 1 конкретную страницу, мало что по пути объясняя(чуть больше чем нихрена)
Скачал книжку head first по этой теме, но я так понимаю что материал там не особо актуален, да и опять же это прям основы основы, а хочется чего то поинтереснее
Так вот, помогите подобрать книженцию в которой показано как позиционировать блоки, как нормально писать css и про все вот это вот) ну или вообще ресурсы какие то которые показывают и рассказывают
Плиз хелп

CSS HTML Книги Помощь Веб-разработка Текст
4
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии