Изучаем веб-программирование.
Знаю таких целей тут куча, многие мне отчастия помогают идти по нужному курсу, но материала очень много, глаза разбегаются, поэтому надо составить какой-то план, хотя бы наметить первые шаги.
-
Пройти базовый курс на HTML academy
-
Пройти продвинутый курс по HTMLacademy
-
читать книгу Изучаем HTML, XHTML и CSS .
-
Прочитать книгу "Большая книга CSS 3е издание"
-
HTML для CSS
-
Создание стилей и таблиц стилей
-
Селекторы: определение элементов стилизации
-
Механизм наследования стилей
-
Управление сложной структурой стилей: каскадность
-
Форматирование текста
-
Поля, отступы, границы.
-
Добавление графики на веб-страницы
-
Приводим в порядок навигацию сайта
-
Осуществление преобразований, переходов и анимации с помощью CSS
-
Форматирование таблиц и форм
-
Введение в разметку CSS
-
Разметка страницы на основе плавающих элементов
-
Адаптивный веб-дизайн
-
Позиционирование элементов на веб-странице
-
CSS для распечатываемых веб-страниц
-
Совершенствуем навыки работы с CSS
-
-
Посмотреть видеоуроки по Bootstrap3
Нашла 4 миникурса с основами на разных каналах, один миникурс кстати уже посмотрела )))
-
https://www.youtube.com/playlist?list=PLY4rE9dstrJwP_JUTts9AtMVtJlJVGxWK
-
https://www.youtube.com/playlist?list=PL0B27A55D3342C446
-
https://www.youtube.com/playlist?list=PLcVuGt1dXgc3gxkGJoqXABPVswRW7druN
-
https://www.youtube.com/playlist?list=PLcVuGt1dXgc3e9nvSh3PEDYsawkDWEI3o
-
-
сверстать 9 макетов по шаблону psd
-
макет №1
-
макет №2
-
макет №3
-
макет №4
-
макет №5
-
макет №6
-
макет №7
-
макет №8
-
макет №9
-
-
Пройти http://www.freecodecamp.com/map
-
Get Started with Free Code Camp
-
HTML5 and CSS
-
Responsive Design with Bootstrap
-
Gear up for Success
-
jQuery
-
Basic JavaScript
-
Object Oriented and Functional Programming
-
Basic Algorithm Scripting
-
Basic Front End Development Projects
-
Intermediate Algorithm Scripting
-
JSON APIs and Ajax
-
Intermediate Front End Development Projects
-
Claim Your Front End Development Certificate
-
Upper Intermediate Algorithm Scripting
-
Automated Testing and Debugging
-
Advanced Algorithm Scripting
-
AngularJS
-
Git
-
Node.js and Express.js
-
MongoDB
-
Full Stack JavaScript Projects
-
Claim Your Full Stack Development Certificate
-
-
https://learn.javascript.ru/
-
Введение
-
Основы JavaScript
-
Качество кода
-
Структуры данных
-
Замыкания, область видимости
-
Методы объектов и контекст вызова
-
Некоторые другие возможности
-
ООП в функциональном стиле
-
ООП в прототипном стиле
-
Современные возможности ES-2015
-
Документ и объекты страницы
-
Основы работы с событиями
-
События в деталях
-
Формы, элементы управления
-
Создание графических компонентов
-
-
Посмотреть видео по JS от Sorax
-
Javascript-джедай #1 - Введение
-
Javascript-джедай #2 - Инструкции
-
Javascript-джедай #3 - Выражения и операторы
-
Javascript-джедай #4 - Типы данных и переменные
-
Javascript-джедай #5 - Числа
-
Javascript-джедай #6 - Строки
-
Javascript-джедай #7 - Логические значения
-
Javascript-джедай #8 - null и undefined
-
Javascript-джедай #9 - Преобразование типов
-
Javascript-джедай #10 - Условные инструкции
-
Javascript-джедай #11 - Условный оператор
-
Javascript-джедай #12 - Циклы
-
Javascript-джедай #13 - Функции
-
Javascript-джедай #14 - Цепочки областей видимости
-
Javascript-джедай #15 - Замыкания
-
Javascript-джедай #16 - Обработка исключений
-
Javascript-джедай #17 - Объекты
-
Javascript-джедай #18 - this и непрямой вызов методов
-
Javascript-джедай #19 - Аксессоры и атрибуты свойств
-
Javascript-джедай #20 - Прототипы и наследование
-
Javascript-джедай #21 - Конструкторы и классы
-
Javascript-джедай #22 - Цепные вызовы методов
-
Javascript-джедай #23 - JSON
-
Javascript-джедай #24 - Массивы
-
Javascript-джедай #25 - ES5 методы массивов
-
Javascript-джедай #26 - Объект Math
-
Javascript-джедай #27 - Класс Date
-
Javascript-джедай #28 - Регулярные выражения
-
Javascript-джедай #29 - Класс RegExp
-
Javascript-джедай #30 - Strict Mode
-
Javascript-джедай #31 - Выполнение JS в браузере
-
Javascript-джедай #32 - Window
-
Javascript-джедай #33 - Location
-
Javascript-джедай #34 - History, Screen, Navigator
-
Javascript-джедай #35 - DOM
-
-
По мере прохождения дописывать этапы
Висновок
Цель я не забрасывала, просто наверно мне просто было лень описываться. Цель я закрываю, закрываю успешно, так как я устроилась на работу в веб студию, и с первого июля пройдя испытательный срок окончательно зачислена в команду. В трудовой я записана на должность программиста, хотя я считаю, что это громко сказано, но все же я считаю, что для меня это огромный первый шаг, поменять сферу деятельности и начать работать тем, кем тебе интересно, за месяц испытательного срока, я уже узнала кучу нового, поэтому я считаю, что теперь определённо продвинуть в своём обучении, если мне что-то неизвестно для выполнения задачи, я спокойно могу искать информацию на работе. Да, я так и не выучила javascript, но на jquery я точно могу что-то при крутить и думаю дальше мои познания углубляться. Может я и долго шла к этому, а именно я и считаю, что долго я тянула с поисками работы, думала что постоянно не готова, но я рада, что наконец перешагнула эту ступень в своём развитии. У меня на пути было все, и русский фриланс, и ,на upworke успешно выполненный правда один заказ, но все же ( к upworky я все же думаю чуть позже вернуться). Всем моим подписчикам я желаю успехов в изучении веб разработки, успехов на выбранном ими пути и всего наилучшего. Даже маленькие полшажочка каждый день приближают вас к вашей заветной мечте. И я на этом не остановлюсь)))
Щоденник мети
Цель я не забрасывали, просто наверно мне просто было лень описываться. Цель я скорей всего закрываю, так как я устроилась на работу веб студию, и с первого июля пройдя испытательный срок окончательно зачислена в команду. В трудовой я записана на должность программиста, хотя я считаю, что это громко сказано, но все же я считаю, что для меня это огромный первый шаг, поменять сферу деятельности и начать работать тем, кем тебе интересно, за месяц испытательного срока, я уже узнала кучу нового, поэтому я считаю, что теперь определённо продвинуть в своём обучении, если мне что-то неизвестно для выполнения задачи, я спокойно могу искать информацию на работе. Да, я так и не выучила javascript, но на jquery я точно могу что-то при крутить и думаю дальше мои познания углубляться. Может я и долго шла к этому, а именно я и считаю, что долго я тянула с поисками работы, думала что постоянно не готова, но я рада, что наконец перешагнула эту ступень в своём развитии. У меня на пути было все, и русский фриланс, и ,на upworke успешно выполненный правда один заказ, но все же ( к нему я все же думаю чуть позже вернуться). Всем моим подписчикам я желаю успехов в изучении веб разработки, успехов на выбранном ими пути и всего наилучшего. Даже маленькие полшажочка каждый день приближают вас к вашей заветной мечте. И я на этом не остановлюсь)))
Всем привет) Цель я не забросила и почти каждый день узнаю что-то новое, для работы с новыми проектами мне понадобилось освоить БЭМ. Посмотрела несколько видео на ютубе, конечно же почитала документацию от Яндекса. Но все равно осталось некоторое недопонимание, чтобы верстать при помощи БЭМ нужно ли устанавливать что-то дополнительно, поняла что БЭМ хорошо компануется с Sass, слышала что можно запутаться в написании классов, но вроде и для этого есть препроцессор, я полагаю что наверно Jade, но пока не знаю, ещё надо почитать что-нибудь, ну и конечно же практика, не хочу пробовать сразу на живом заказе, но для лендинга с БЭМом не стоит заморачиваться, а делать большой проект для просто тренировки, времени жалко( Но наверно все же придется взять макет для тренировки, и сделать хоть один, понять основы, а потом закрепиться уже)
Также я освоила Sass, сделала на нем один проект, очень удобно, думаю для html тоже надо изучить какой-нибудь препроцессор.
Катя, БЭМ штука такая, которую надо обкатать на нескольких проектах чтобы понять его преимущества. Желательно сделать проект и получить code review.
Я бы посоветовал послушать пару докладов Яндекса на эту тему:
https://events.yandex.ru/lib/talks/2857/
https://events.yandex.ru/lib/talks/95/
Все остальное что есть в сети - пересказанные другими словами эти же лекции.
По code review пишите. С радостью подскажу.
На мой взгляд сложнее всего понять, что сущность может быть и блоком и модификатором одновременно и это два разных класса (а может и 3 и 4).
Долго меня не было) Изучаю я сейчас мало, разве что на практике, в цели Выполнить на upwork свой первый заказ я писала что стала подрабатывать на русском фрилансе, так вот тот проеткт я завершила и сейчас выполняю уже второй проект, сайты большие многостраничные, я заказчику сказала что js знаю плохо и выполнять его не буду, но стараюсь сама по чуть добавлять интерактивности) Вот такие у меня пока дела)
Катя, никак не хотел Вас обидеть. Сам за городом на выходных с компа нет возможности помочь. В понедельник днем скину рабочий пример если будет актуально
Ильдар, спасибо. Помогло решение задач в самом конце, в частности вот это http://plnkr.co/edit/oDrpWsrVRAZBJyFTnc41?p=preview
У меня получился вот такой код ( на одну из кнопок), классу .open задала свойства, которые написала для hover
var search_liElem = document.getElementById('search_active');
var titleElem = search_liElem.querySelector('.search');
titleElem.onclick = function() {
search_liElem.classList.toggle('open');
};
Когда я решила узнать как же верстаются email рассылка, я столкнулась с кучей странных и непонятных для меня слов, такие как sass, gulp, node.js , решила побольше узнать и вот прошла два миникурса видеуроков по sass, первый мне понравился больше и был мне понятней))) но второй тоже был полезен. Кстати а про верстку email писем я смотрела тут.
Забыла упомянуть тут))) Я же сделала Build a Tribute Page из FCC.
Решила чуть поверстать, а то месяца полтора точно этого не делала((( и сразу столкнилась с проблемой((( может мне помогут друзья и подписчики))) как сделать такой треугольник снизу блока, чтоб блок отбрасывал тень на треугольник(((
P.S второй рисунок это мое творение)))
третий готовый результат)))
Прочитала статьи про DOM, картинка стала ещё четче, а то я раньше не совсем понимала как связывать JS с веб разработкой))) Читала о DOM вот что:
- Введение в DOM
- Events
- Examples of web and XML development using the DOM
- How to create a DOM tree
- Locating DOM elements using selectors
и вот тут
По учебнику дошла до главы "Структура данных", вообще потихоньку мозайка начинает собираться и начинаю понимать JS, ну может и не прям понимать, но картинка начинает складываться, теперь уже JS для меня не какое-то белое пятно, также помогают задачи из codefights.com , благодаря им я знаю уже половину главы "Структура данных" заочно, но читать все равно буду)) так же прочитала из статьи "От нуля до героя фронт энда" некоторые главы Руководстве по JavaScript от MDN:
И прочитала эти же главы(примерно это) в книге Выразительный JavaScript
Курс JavaScript на Codecademy пройден пока на 9%, просто если выбирать между ним и порешать задачки на cjdefights я выбираю второе))))
