С чего начать изучение фронтенд разработки? (html, css, js, . ) [дубликат]
Добрый день! Решила начать изучать фронтенд разработку. Думаю, сейчас это довольно перспективно, так ведь? До этого учила JAVA и немного начала изучать Android разработку, но видно, не пошло. Хочу попробовать данное направление, может оно хорошо пойдет и понравится это дело! Могу ли я начать с Javascript сразу? Если да, то с каких источников или книг начать его изучать? Или до изучения Javascript нужно обязательно знать HTML, CSS?
Отслеживать
2,451 1 1 золотой знак 15 15 серебряных знаков 25 25 бронзовых знаков
задан 19 авг 2016 в 8:11
Victoria Kovalenko Victoria Kovalenko
53 1 1 серебряный знак 5 5 бронзовых знаков
Вы знаете HTML и CSS?
19 авг 2016 в 8:20
сначала html5 + css3 вот тут htmlbook.ru / webref.ru, через пол года и некоторое кол-во созданных сайтов придёт (должно) достаточное понимание интерфейса и взаимодейтсвия с ним. после этого можно влезать в javascript (например, learn.javascript.ru)
19 авг 2016 в 8:44
Спасибо за совет!
19 авг 2016 в 8:52
3 ответа 3
Сортировка: Сброс на вариант по умолчанию
Имхо лучше изучать в таком порядке
- HTML
- CSS
- JAVASCRIPT
- Затем приступить к изучению вспомогательных библиотек типа jQuery, Mootools
- Препроцессоры css (sass, less), js(typescript)
- Ну и когда станете гуру в выше перечисленных технологиях можно освоить Knockout.js, Angular 2, ReactJs, Backbone
Почему стоит учить в порядке HTML > CSS > JS:
Потому, что с CSS зависим от HTML, а JS от HTML и CSS, ну а все остальное от первых трех пунктов.
Отслеживать
58.3k 7 7 золотых знаков 71 71 серебряный знак 145 145 бронзовых знаков
ответ дан 19 авг 2016 в 8:29
1,268 8 8 серебряных знаков 18 18 бронзовых знаков
Спасибо за совет, в таком порядке и начну учить!) Может подскажете ещё ресурсы, книги, по html и css?
19 авг 2016 в 8:46
Пожалуйста ), itvdn.com — тут есть курсы по html, css, js довольно доходчиво рассказывают. Кроме того есть github.com/Kison/free-programming-books с бесплатной литературой, но там из интересующего вас материала есть только по js книги.
19 авг 2016 в 8:54
Для Frontend девелоперов желательно знать HTML , CSS и JS вместе. Так как они тесно друг с другом связаны. Да, вы можете сразу начать с Javascript, но лучше будет изучить сперва HTML и CSS ..
Они довольно легкие, учитывая то что они НЕ являются языком программирования, кроме JS конечно же. Научиться HTML и CSS можно за пару недель, максимум за месяц.
А вам я посоветую данный сайт W3Schools Он на английском, но тут полно информации для того чтобы стать фронтенд и даже бакенд девелопером.
Отслеживать
ответ дан 19 авг 2016 в 8:31
2,451 1 1 золотой знак 15 15 серебряных знаков 25 25 бронзовых знаков
«Научиться HTML и CSS можно за пару недель, максимум за месяц.» — а потом интернет кишит говносайтами и заказчики думают, что эта работа ничего не стоит, потому что горекодеры с месячным стажем портят рынок своими громкими обещаниями
19 авг 2016 в 8:36
@lexxl Ну я Basic Знания имею ввиду) Основам) конечно для того чтобы стать супер фронтендером нужно потратить минимум год) хотябы на HTML и CSS только)
Изучаем JavaScript с нуля. С чего начать изучение?
JavaScript — популярный мультипарадигменный язык программирования, поддерживающий объектно-ориентированный, функциональный и императивный стили. Сегодня он широко применяется в браузерах в качестве языка сценариев для придания веб-страницам интерактивности. В этой статье мы поговорим о том, как изучить JavaScript и с чего лучше начать.
Несколько советов
Изучать JavaScript можно разными способами. Вы можете записаться на соответствующие платные курсы или приступить к изучению самостоятельно. Курсы позволят изучить язык быстрее, т. к. самостоятельное изучение требует очень высокой мотивации, настойчивости и дисциплинированности. Кроме того, самостоятельное обучение имеет тенденцию длиться долго, если не бесконечно. Тем не менее при наличии желания и возможности такой подход тоже имеет право на жизнь.
Какой бы путь вы не выбрали, помните, что прежде, чем начать изучение, желательно пройти курс или самостоятельно изучить основы HTML и CSS. Считается, что после этого изучать JavaScript будет проще.
Если выбрали самостоятельное изучение, обязательно составьте план. Не приступайте к занятиям в чересчур утомлённом виде, иначе вы станете себя заставлять, а это плохо. Также в процессе обучения используйте современные техники управления временем, например, известный метод помидора (25 минут занимаетесь, 5 минут отдыхаете). Есть и другие методики, позволяющие повысить продуктивность.
Изучаем основы
Всё начинается с основ. Так как язык очень популярен, найти о нём информацию в интернете будет несложно. Но в этом-то и проблема, так как информации настолько много, что в ней легко потеряться. Дабы сократить поле поиска, обычно рекомендуют следующий список ресурсов: 1. MDN’s JavaScript Guide — руководство, охватывающее синтаксис, циклы, типы, циклы, выражения, функции, форматирование и многое другое. 2. You Don’t Know JS — здесь вы найдёте серию книг Кайла Симпсона. В них есть информация, которая поможет изучить язык программирования JavaScript на более глубоком уровне. 3. Eloquent JavaScript — крутейшая книга о JavaScript, но её лучше читать, когда получены базовые знания. 4. Free Code Camp — профессиональное сообщество программистов, где можно участвовать в чемпионатах, получать сертификаты, создавать проекты. 5. CodeCademy — неплохая платформа для обучения через решение задач. Хороша для новичка.
К сожалению, все эти ресурсы рассчитаны на тех, кто хорошо знает английский язык. Впрочем, в IT без английского сегодня никуда. Если же вас интересуют бесплатные курсы на русском, неплохой выбор есть на платформе Stepic.org.
Во время получения базовых знаний вы приступите к разработке первых простых программ. Главное — не лениться, и вы быстро почувствуете, что кое-что понимаете в этом языке программирования. Таким образом вы получите дополнительную мотивацию к изучению.
Когда сталкиваетесь с непосильной для вас задачей, изучайте форумы или обращайтесь за помощью на платформу вопросов и ответов StackOverflow. Не стесняйтесь спрашивать, вы ведь учитесь.
Я освоил основы. Что дальше?
Достигнув определённых успехов, нужно продолжать изучение на углубленном уровне. Здесь помогут следующие книги: 1.Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript. В этой книге рассказано про 68 подходов по написанию кода, причём каждый подход сопровождается примерами. 2. JavaScript — The Good Parts — довольно устаревшая книга. Но несмотря на это, она до сих пор учит писать эффективный и красивый код. 3. JavaScript Design Patters — здесь рассказано о том, как использовать современные шаблоны. Книга написана простым языком. 4. Test-Driven JavaScript Development — пожалуй, одна из лучших работ по обучению тестированию JavaScript-кода.
Книги книгами, но без практики никуда, поэтому нужно учиться и практиковаться одновременно. Обязательно создайте свой аккаунт на GitHub, старайтесь ежедневно писать пусть даже простой код, делитесь проектами, изучайте отзывы.
Если в вашем городе случаются мастер-классы и конференции JavaScript-разработчиков, не пропускайте подобные встречи — они могут быть очень полезны.
Заключение
Изучение JavaScript – дело непростое, особенно если речь идёт о самостоятельном обучении. Но результат того стоит. При этом вам стоит понимать, что даже освоив этот язык программирования и устроившись на высокооплачиваемую работу, учиться вам придётся всегда — это необходимо, чтобы оставаться на плаву, ведь технологии постоянно меняются и обновляются. Как говорится, поток информации бесконечен, поэтому опытный разработчик учится постоянно. А чтобы ничего не пропустить, многие подписываются на специализированные издания типа JSK Daily, JavaScript World, Hashnode Times, Frontend Buzz, JavaScript Weekly.
Кроме того, всегда можно пойти на углубленные курсы для опытных разработчиков и перейти на более высокий профессиональный уровень. Сделать это вам поможет OTUS:
С чего начать изучение JavaScript?
Вообще скачал курс от Ивана Петриченко, говорили, что неплохо, но когда дошел до первого практического занятия, сел на мель — нужны знания верстки и остальной мишуры. Буду очень признателен, если будут реально дельные советы. Покупать курсы нежелательно, так как студент и деньги нужны)
2 года назад
Чтобы что-то выучить, нужно закрыть соц. сети и начать учиться.
2 года назад
раскрыть ветку
2 года назад
А зачем вам учить JS? Судя по посту, это явно не для фронтенда. В таком случае, JS очень сомнительный выбор.
https://learn.javascript.ru/ уже посоветовали. Можно совместить с чтением книги для новичков, по типу «JavaScript для детей»
P.S. Основы HTML и CSS знать не помешает в любом случае
2 года назад
Если вам не хватает верстки, видимо, сначала надо подтянуть ее самую и другие базовые компьютер саинс.
2 года назад
Автор, здравствуйте! У меня к Вам вопрос ��
вот материалы тут посоветовали, а не находили ли Вы ресурсы, где есть не только теория, но и практические задачи.
Похожие посты
2 месяца назад
Неси память
Показать полностью 1
3 месяца назад
Обещания можно не выполнять, а будущее — нельзя игнорировать
Показать полностью 1
Поддержать
4 месяца назад
Ответ на пост «Трудности с изучением JS»
Ответ для самых начинающих программистов на любом языке.
Практика программирования это отдельный предмет для изучения. При нормальном учебном процессе практика усваивается сама собой в школе и на младших курсах универа. Поэтому отдельных книг по ней особо и нет (буду рад, если кто посоветует пару толковых!).
По JavaScript есть два прекрасных текстовых ресурса: https://learn.javascript.ru/ и https://developer.mozilla.org/ru/docs/Web/JavaScript для других языков найти сложнее, но почти всегда можно. Например A byte of Python — бесплатная книга по Питону.
Практика — критерий понимания. Можешь сделать — понял. У тебя должна быть открыта книжка и тестовое окружение, где ты можешь сразу все пробовать. Минимально пользуйся автодополнением кода и копипастой. Прочитал, попробовал, сделал пометку в конспект на память.
Сам придумывай себе задачи. Освоил текстовый ввод-вывод и условный оператор? Делай текстовый квест, калькулятор. Освоил простецкий цикл? Думай как с его помощью можно улучшить предыдущие работы (ещё как можно). Теперь конкретно для JavaScript. Можно в HTML делать инпуты и кнопки. Тег . Кнопке можно назначить обработчик события, например onclick=»make()». И поехали эксперименты: создаешь функцию make(), в ней пишешь код. Чтобы получить доступ к содержимому поля ввода input достаточно document.getElementById(«myinput»).value — используй эту запись как переменную.
Автору исходного поста, если ты в теории добрался уже до мутации и прототипов а в практике проблемы — это уже беда. Теория сильно опередила практику. Тебе нужно убедиться, что ты в состоянии создать нормальную HTML страницу для практики. Базовый HTML изучил? Можешь накидать кнопок, инпутов, табличек? Да так, чтоб красиво было? Рекомендую для новичка Bootstrap. Для взаимодействия с тегами на странице возьми jQuery. Он позволяет найти тег или группу тегов по условию, и манипулировать этими тегами.
И начинай создавать простые но интерактивные страницы. Например создай калькулятор с кнопочками, сначала простецкий. Потом такой как в Windows. Тебе нужно научиться пользоваться условными операторами, писать условия. Научиться работать с массивами и циклами. Тут как практика — алгоритмы сортировки. Изучи функции, научись выделять осмысленный кусок кода в отдельную функцию. Научись нормально передавать параметры в функцию, никаких глобальных переменных! Научись возвращать значение из функции. Освой рекурсию как закрепление знаний о функциях. Только потом берись за ООП классы объекты прототипы и далее.
А дальше фреймворки. Выбери React или Vue и разбирайся зачем оно вообще.