strony web-jak rozłozyc na czynniki pierwsze.

0

Witam.
Niedawno zacżałem studia na CS kierunek Web dev. Chcę samodzielnie przyśpieszyć proces nauki:) i mam takie pytanie.
Przeglądam wiele stron oraz szablonów stron (bootstrap, WP itp) te które mi się podobaja próbuję odtworzyc tzn poprzez funkce zbadaj element patrze jak strona została zbudowana ale niestety jest to niewystarczające. Czy jest jakaś mozliwość żeby bardziej szczegółowo poznac budowę danej strony? Tzn czy została napisana w WP za pomocą bootstrapa czy bez itp. Za pomocą przeglądarki funkcje jak zbadaj element lub pluginy jak firebug są nie wystarczające albo po prostu ja nie potrafie właściwie ich użyć.
Dziękuję.

0

Ctr + U źródło, jednak jeżeli strona jest skompresowana, np. grunt'em to nie wiele tam zobaczysz. Bootstrap (css'owy) to nie strona czy szablon a framework CSS. Zapewne chcesz zbadać stronę, żeby poznać strukturę html'a, w takim razie wejdź sobie na jakiś market chodźby themeforest i podlukaj źródła szablonów w czystym html'u.

0

Bardziej chodzi mi o to żeby zobaczyć w jaki sposób strona została zbudowana, skrypty itp

1

W skrócie: nie da sie. Większość tych stron jest generowania po stornie serwera przez jakis framework i to co widzisz to efekty działania tego frameworka. Często nijak sie mają do tego jak dana strona/aplikacja jest zbudowana od strony kodu.

0

I to własnie jest to. jak dotąd na studiach mamy introduction to Computer science (wszytsko goólnikowo) jednak wiele z moich znajomych potrafi robić niezłe w pełni funkcjonalne strony http://www.radianboston.com/ uczyc się na frameworkach ze powinienem tworzyć strony bez uzycia np bootstrap czy fundation jednak wygladajace tak samo ( to samo powiedziano mi nauce JS-czysty js bez jquery itp jak na razie). No i tu włąsnie pojawia się problem jesli znajdę stronę która mi się podoba np http://www.radianboston.com/ (wiem ze kosmos) czy prostsza http://toddreed.com/ to głowię się przy użyciu "zbadaj element" jak ta strona została zbudowana próbując ją odtworzyc co kończy się niezbyt ładnie wygladającym layoutem. Chce dodać że w stopniu dobrym znam CSS+HTML5 (około 350godz wykładów i cwiczen za mną) +JS w stopniu podstawawym (tzn wiele rzeczy "podglądam badz kopiuje"). Czy ktoś potrafi mi doradzic jakąś technikę

1

Przeglądam wiele stron oraz szablonów stron (bootstrap, WP itp) te które mi się podobaja próbuję odtworzyc tzn poprzez funkce zbadaj element patrze jak strona została zbudowana ale niestety jest to niewystarczające.

szablony WP to kiepska metoda nauki, nawet jak masz ich kod źródłowy. Są na makse zasyfione Wordpressem i złymi

co do Bootstrapa to tam nie liczy się kod HTML tylko efekt wizualny, a to na pierwszy rzut oka widać - tu jest slider, tu jest button, tu jest labelka. Żadna filozofia. W tym linku są opisane elementy Bootstrapa:
http://getbootstrap.com/css/

Jeszcze tylko musisz poczytać o responsive grid, żeby robić responsywne strony).

Chcę samodzielnie przyśpieszyć proces nauki:) i mam takie pytanie.
Przeglądam wiele stron oraz szablonów stron (bootstrap, WP itp) te które mi się podobaja próbuję odtworzyc tzn poprzez funkce zbadaj element patrze jak strona została zbudowana ale niestety jest to niewystarczające.

wydaje mi się, że najszybciej jest nie patrzeć w ogóle w kod gotowych szablonów, a raczej spróbować napisać od zera taki sam efekt, jak na stronach, które widzisz, za pomocą HTMLa i CSS, posiłkując się stroną CSS Tricks - http://css-tricks.com/ czy innymi stronami na temat sztuczek CSSowo-HTMLowych. Ja tak robiłem i efekt był podobny, a nawet od strony kodu HTML lepszy od stron, którymi się inspirowałem (wiele stron ma zaśmieconego strasznie HTMLa).

1 użytkowników online, w tym zalogowanych: 0, gości: 1