• Как верстают такие сайты?

    lukoie
    @lukoie
    0 дизайнер вместе с пиэмом придумывает концепцию проекта - разделы, блоки, картинки, формочки
    1 дизайнер рисует в скетче и анимирует в принциплс
    2 когда вся конструкция утверждена Главным, всё это верстается в Брекетсе с Эмметом в хтмл5 и сасс
    3 добавляют анимации и вот это вот всё на ES6
    4 тестят, полируют и в продакшн

    А конкретнее, какие технологии используют?

    эджайл, гит, галп

    Как создают подобную анимацию?

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

    Как выглядит структура html документа?

    <!doctype html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <link rel="icon" href="...">
        <title>...</title>
        <link href="..." rel="stylesheet">
      </head>
      <body>
        <header>
          <div>
                ...
          </div>
        </header>
    
        <main>
    
          <section>
            <div class="container">
                ...
            </div>
          </section>
    
        </main>
    
        <footer>
            ...
        </footer>
        <script src="..."></script>
      </body>
    </html>


    Там каждая страница отдельный html документ, или же все это в одном файле?

    Да!

    Искал в интернете, ничего не нашел.

    Ищите в яндексе - там найдется ВСЁ!
    Буду благодарен за любую помощь)

    могу предложить перевод с/на английский и картину из янтаря, кому-то на день рожденья можно подарить, например
    Ответ написан
    2 комментария
  • Как верстают такие сайты?

    Вся анимация через TweenMax. На одном есть react, а на других jQuery. В них ничего сложного нет.
    Ответ написан
    Комментировать
  • Как верстают такие сайты?

    KickeRocK
    @KickeRocK
    FrontFinish
    Эм.
    А открыть DevTools и глянуть код?
    Там же и скрипты посмотреть и разметку.
    Можно конкретнее, что у вас вызвало вопросы?
    Блок с видео? Плавное появление при скролле?
    Ответ написан
    4 комментария
  • Как верстают такие сайты?

    slii
    @slii
    Не сказал бы, что это что то нереальное, лучше посмотрите вот этот сайт - https://www.thenewmobileworkforce.com/
    Ответ написан
    2 комментария
  • Кто переходил/перешел с PHP на JAVA?

    Я с Python (все еще использую для своих проектов), перешел на Java

    - Открыл список вакансий города, глянул вакансии по .net / java - Java оказалось почти в 3 раза больше, да и зп на 20-30% повыше. Плюс я люблю продуктовые компании, а их под .net очень мало, там чаще всего разработка под заказ
    - Посмотрел, какой стек используется в вакансиях
    - Прошустрил стек, что мне нужен по книгам, потыкался с пет-проектом
    - Пошел работать, без особых проблем

    P.s. Только учитывай, что при работе с Java ты учишь не сколько язык, сколько его экосистемы и паттерны - а это лет на 10
    Ответ написан
    2 комментария