1

Тема: Roadmap по frontend

Я бикендер, ніразу не зверстав ні одної сторінки, хіба-що дуже давно коли тільки вчився, табличним способом. Єдине з чим робив, це в готовій верстці розставляв місця для даних. По JavaScript'у часто писав ajax, звичайно використовуючи jquery для роботи з DOM. JavaScript рівень знань: пройшов посібник learn javascript : основи, dom, ajax, OOP і не став йти далі до прототипів.
Звісно колись пройшов всі теги HTML та стилі CSS. Проте через брак практики зовсім не памʼятаю, що там і як там)

Як довго вчитись до такого рівня, щоб бути в змозі на готових дизайні і верстці починити поломану верстку, добавити форму слідуючи дизайну, таблицю, діалогові вікна і тд?

Вірніше, питання буде - що ще треба вивчити для цього?

Програмування, ООП, деякі шаблони проектування - з цим всім маю багато досвіду, тому вивчення api javascript фреймворків не будуть проблемою.

Кому не важко складіть, будь-ласка, roadmap з посиланнями на доки.(можна англійською)

PS: хочу дійти до легкого використання css фреймворків (типу bootstrapcss).

Подякували: 0xDADA11C71

2

Re: Roadmap по frontend

бикендер

якщо енд-це кінець, то бикендер - то такий кінець з биком?
чи бик з кінцем? :D

по темі - блочна верстка, флекси, успіхів)

Це ще не кінець. Це навіть не початок кінця. Але, можливо, це кінець початку.
Зростання мудрості можна точно вимірювати ступенем зменшення злоби.
Подякували: Monolith, leofun012

3

Re: Roadmap по frontend

типу бик кароче)
Ну.. верстка, я і сам знав, шо мені потрібна верстка. Мені б список тем, з чого почати, посиланнячка на бест парктайси і тд.

4

Re: Roadmap по frontend

будемо друзями?

All you want is a dingle,
What you envy's a schwang,
A thing through which you can tinkle,
Or play with, or simply let hang...
Подякували: 0xDADA11C71

5

Re: Roadmap по frontend

я тут поки сидів, усвідомив одну просту і геніяльну річ
на ютабі повно стрімів/довгих туторіалів, де фахівці з тих чи інших галузей роблять ті чи інші речі, наприклад - верстають щось.
От можна дивитись ці стрімі, і все, що не є зрозумілим - запам'ятовувати, а потім гуглити інфу по цьому і вчивчати.

All you want is a dingle,
What you envy's a schwang,
A thing through which you can tinkle,
Or play with, or simply let hang...
Подякували: Monolith1

6

Re: Roadmap по frontend

Для початку буде достатньо курсів на codecademy.com
А далі більше практики, інакше ніяк
По тегам, атрибутам, css правилам достатньо мати уявлення про 20%, інші 80% майже не використовуються

Був собі цебер, та переполуцебрився на полуцебренята
Неймовірний блог про мандри http://bosano.ga

7

Re: Roadmap по frontend

Элизабет Фримен, Эрик Фримен. Изучаем HTML, XHTML и CSS
Дэвид Макфарланд. Большая книга CSS3
+ ютуб + практика.

8

Re: Roadmap по frontend

баньте кія за російську

All you want is a dingle,
What you envy's a schwang,
A thing through which you can tinkle,
Or play with, or simply let hang...

9

Re: Roadmap по frontend

Kniy, як так сталося? Ягадав що таких людей не існує.

Як довго вчитись до такого рівня, щоб бути в змозі на готових дизайні і верстці починити поломану верстку, добавити форму слідуючи дизайну, таблицю, діалогові вікна і тд?

Місяць, два.

λ–програміст. Програмую PHP.
Подякували: leofun011

10

Re: Roadmap по frontend

FakiNyan написав:

баньте кія за російську

Тихенько.
Це назви книг.
Я тут щоб допомагати або щоб допомогли мені а не для вирішення якихось мовних штук.
Якщо маєш переклад українською то знайди і скинь людям.
Я тільки за.

Подякували: 0xDADA11C7, ostap34PHP, sensei3

11

Re: Roadmap по frontend

Там на codeAcademy сучасний гайд?

12

Re: Roadmap по frontend

все про HTML5 (w3.org),
CSS (w3.org, сторінка навіть українською),
все про CSS3 (w3.org),
Основи CSS (на w3schools),
Bootstrap v3.3 (оф.сайт),
Bootstrap (на w3schools).

Подякували: 221VOLT, 0xDADA11C72

13 Востаннє редагувалося karmeljuk (24.10.2017 12:56:48)

Re: Roadmap по frontend

по правді кажучи, те як подається інформація на w3.org мені зовсім не подобається. Читати вкрай тяжко, а щось розібрати ще складніше. Там по суті нагромадження всіх можливих властивостей, більшість з яких майже не використовуються. Я би радив читати щось бульш інтерактивніше, а ще краще відразу пробувати реалізовувати - на codecademy або схожому сервісу

Був собі цебер, та переполуцебрився на полуцебренята
Неймовірний блог про мандри http://bosano.ga

14

Re: Roadmap по frontend

Там на codeAcademy сучасний гайд?

Так, тіки його замало для повноцінної роботи, але пройти варто.

Говорила баба діду: «Я поїду к Білодіду, Ізучу двомовну мову І вернусь обратно знову». А дід бабі: «Не *изди, К Білодіду нєт їзди, — Туди не ходять поїзди»

15 Востаннє редагувалося Kniy (27.10.2017 13:02:56)

Re: Roadmap по frontend

Дякую всім, codeAcademy якраз для мене був, осучаснив знання, повторив важливі властивості, типу floating, вирівнювання, box model, reset.css. І головне відкрив для себе grid - якраз те що й хотів найбільше.

    І в мене назбиралось декілька запитань:

    1. Чому в w3school довіднику у властивості "display"

немає значення "grid"?

    2. У w3school написали, що існує 4 методи створення макетів розмітки сайту на секції:

  • HTML tables
    CSS float property
    CSS framework
    CSS flexbox

,
то до якої відносяться методи з використанням властивості grid? І зв'язане питання - і який метод використовує Bootstrap CSS (чи я забіжав вперед? там насправді декілька способів?)

    3. Якими методами створення макетів користуються в сучасності?

16

Re: Roadmap по frontend

Kniy написав:

Дякую всім, codeAcademy якраз для мене був, осучаснив знання, повторив важливі властивості, типу floating, вирівнювання, box model, reset.css. І головне відкрив для себе grid - якраз те що й хотів найбільше.

    І в мене назбиралось декілька запитань:

    1. Чому в w3school довіднику у властивості "display"

немає значення "grid"?

    2. У w3school написали, що існує 4 методи створення макетів розмітки сайту на секції:

  • HTML tables
    CSS float property
    CSS framework
    CSS flexbox

,
то до якої відносяться методи з використанням властивості grid? І зв'язане питання - і який метод використовує Bootstrap CSS (чи я забіжав вперед? там насправді декілька способів?)

    3. Якими методами створення макетів користуються в сучасності?

w3school може проігнорити grid, бо це відносно нова штуковина, і вона доступна не у всіх браузерах http://caniuse.com/#search=grid
bootstrap 3 і нижче має використовувати сітку пороблену на float'ах, а ось bootstrap 4 вже використовує flexbox

All you want is a dingle,
What you envy's a schwang,
A thing through which you can tinkle,
Or play with, or simply let hang...
Подякували: Kniy, 0xDADA11C7, leofun013

17

Re: Roadmap по frontend

Kniy написав:

1. Чому в w3school довіднику у властивості "display"

немає значення "grid"?

Вони ще не оновили списки.
Про display:grid читайте тут і тут.

Подякували: 0xDADA11C71