lets-code

lets-code

  • Главная
  • css/html/js
  • php
  • seo
  • Разное
  • Уроки
  • Полезное
  • Книги

web для самых маленьких

16.06.2016 в 12:56 yazu Разное,Уроки 2717
cssflexboxhtmljavascriptjquerymysqlphpурок

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

Эта статья будет периодически обновятся и дополняться материалами, так что следите за обновлениями.

Общие понятия

Web терминология — habrahabr (Самое первое для прочтения)

Что такое веб сайт —  wikipedia

Что такое веб страница —  wikipedia

Что такое веб сервер —  wikipedia

Типы данных — wikipedia

Структуры данных — habrahabr

АиСД сложность алгоритмов — tproger

Среда разработки (IDE)

Обзор лучших web ide  —  livecoding (Рекомендация от меня — Sublime Text или Atom)

Html, css

Видео курс «Вёрстка с нуля» — youtube (Просто смотреть бесполезно, смотрим и повторяем всё за лектором)HTML5 для начинающих — youtube 

CSS3 для начинающих — youtube 

Bootstap для начинающих — youtube 

Как правильно писать CSS код —  juwain

Блочная модель в CSS —  webref

Очень полезная статья «От нуля до героя Frontend’a» —  medium

Примеры хороших и плохих css практик для начинающих —  medium

Наглядная демонстрация всех видов курсоров —  techstream

Подробное знакомство с SVG —  htmlacademy

Введение в SVG —  webtackles

Основы SVG от HTMLAcademy —  htmlacademy

Что такое семантика и почему она важна —  css-live

Сложные CSS анимации на примере —  habrahabr

Flexbox

Туториал по адаптивной сетке —  tutsplus

Практика с примерами —  cssmine

Препроцессоры

Основы SASS — youtube 

Как работать с препроцессорами и БЭМ —  nicothin

Грамотное написание SASS кода —  sass-guidelin

Методологии

Изучение БЭМ с нуля — bem.info

Решение проблем с БЭМ —  e-planet

Работа с каскадами в БЭМ —  adn

JavaScript

Основы — youtube loftblog
Асинхронность в JS —  habrahabr

Библиотеки и фреймворки

Основы jquery — youtube loftblog

React

Отличный учебник с нуля —  maxfarseer

Отличный учебник по Redux —  maxfarseer

Погружение в React: Redux — prgssr

Погружение в React:Router —  prgssr

Стилизация React компонентов —  habrahabr

Php

Php для начинающих — youtube

Библиотеки и фреймворки

Базы данных

mySQL

mySQL для чайников — ruseller 

mySQL для начинающих — youtube 

Типографика

Полный список web-safe шрифтов —  cssfontstack

Проверка знаний

Что должен знать верстальщик —  krekotun

Тестирование, отладка

Консоль отладки на мобильных устройствах —  githubПесочница для хранения и запуска сниппетов кода —  glot

Тестирование регулярных выражений —  regexr

Прототипирование

Прототипирование на Bootstrap (Аналог bootstrap studio) —  pingendo
comments powered by HyperComments

Понравилась статья? Поделитесь ею:

Предыдущий пост: Анализ сайта по 90 параметрам — а вам слабо?
Следующий пост: Вертикальное выравнивание в Flexbox
Поиск по сайту
Свежие записи
  • Адаптивная masonry сетка на JS и CSS Grid
  • Пример простого приложения на PhoneGap и Vue.js
  • 7 Material Design CSS фреймворков на 2017 год
  • dynamicsjs — красивые анимации, основанные на законах физики
  • Делаем адаптивные табы без javascript и грязных хаков
Метки
ajax API bitrix clip-path cms CORS css css filter css shape debug flexbox framework frontend html instagram javascript jquery laravel mysql o'reilly php seo ui ux wordpress Яндекс подборка сервис урок хостинг
lets-code.ru © 2016
developed by Yazu
Предложить новость

Обратная связь