Jump to content
  • 0

Дальнейшее изучение


Shenia132
 Share

Question

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

Link to comment
Share on other sites

14 answers to this question

Recommended Posts

  • 0

Кроме JS есть набор фронтенд-инструментов, которые оптимизируют работу и сокращают время на разработку за счёт автоматизации рутинных операций. Рекомендовал бы следующее:

  • Sass
  • Emmet
  • Bower
  • Gulp
  • Yeoman
Link to comment
Share on other sites

  • 0

 

Кроме JS есть набор фронтенд-инструментов, которые оптимизируют работу и сокращают время на разработку за счёт автоматизации рутинных операций. Рекомендовал бы следующее:

  • Sass
  • Emmet
  • Bower
  • Gulp
  • Yeoman

 

Ну подобные инструменты я использую.

Могу вам предложить пару статей по теме: раз, два.

Как можно было бы придумать, свое обучение более интересным ? А то теорию читаешь, и зачастую потом не можешь "допереть", как на практике все это отработать. Было бы прикольно, на каком то проекте отбивать навыки свои, узнал новое - применил.

Link to comment
Share on other sites

  • 0
Как можно было бы придумать, свое обучение более интересным ? А то теорию читаешь, и зачастую потом не можешь "допереть", как на практике все это отработать. Было бы прикольно, на каком то проекте отбивать навыки свои, узнал новое - применил.

 

 

Нуу, открывайте любой сайт, находите интересные вещи и стараетесь сверстать так же. А после, когда сверстали/не сверстали, можете открыть код инструментами разработчика и посмотреть как оно свёрстано, сравнивая с вашим решением. Тоже самое применительно к JavaScript и т.д.

Link to comment
Share on other sites

  • 0

 

Как можно было бы придумать, свое обучение более интересным ? А то теорию читаешь, и зачастую потом не можешь "допереть", как на практике все это отработать. Было бы прикольно, на каком то проекте отбивать навыки свои, узнал новое - применил.

 

 

Нуу, открывайте любой сайт, находите интересные вещи и стараетесь сверстать так же. А после, когда сверстали/не сверстали, можете открыть код инструментами разработчика и посмотреть как оно свёрстано, сравнивая с вашим решением. Тоже самое применительно к JavaScript и т.д.

 

Как лучше, изучить например js потом адаптив к примеру. То есть сначала что то одно, а не параллельно ?

Link to comment
Share on other sites

  • 0

 

 

Как можно было бы придумать, свое обучение более интересным ? А то теорию читаешь, и зачастую потом не можешь "допереть", как на практике все это отработать. Было бы прикольно, на каком то проекте отбивать навыки свои, узнал новое - применил.

 

 

Нуу, открывайте любой сайт, находите интересные вещи и стараетесь сверстать так же. А после, когда сверстали/не сверстали, можете открыть код инструментами разработчика и посмотреть как оно свёрстано, сравнивая с вашим решением. Тоже самое применительно к JavaScript и т.д.

 

Как лучше, изучить например js потом адаптив к примеру. То есть сначала что то одно, а не параллельно ?

 

1) Прочитал/придумал задание, 2) Изучил теорию для этой задачи, 3) Приступил к практике, пробуя решить задачу всевозможными способами. Если не выходит, опять читайте теорию по проблемным местам, а после снова в бой, пробуя решить и т.д. 4) В конце, когда задача решена/либо нуу ни в какую не решается, то смотрите правильный ответ). Главное максимум приложенных усилий.

Link to comment
Share on other sites

  • 0

 

 

 

Как можно было бы придумать, свое обучение более интересным ? А то теорию читаешь, и зачастую потом не можешь "допереть", как на практике все это отработать. Было бы прикольно, на каком то проекте отбивать навыки свои, узнал новое - применил.

 

 

Нуу, открывайте любой сайт, находите интересные вещи и стараетесь сверстать так же. А после, когда сверстали/не сверстали, можете открыть код инструментами разработчика и посмотреть как оно свёрстано, сравнивая с вашим решением. Тоже самое применительно к JavaScript и т.д.

 

Как лучше, изучить например js потом адаптив к примеру. То есть сначала что то одно, а не параллельно ?

 

1) Прочитал/придумал задание, 2) Изучил теорию для этой задачи, 3) Приступил к практике, пробуя решить задачу всевозможными способами. Если не выходит, опять читайте теорию по проблемным местам, а после снова в бой, пробуя решить и т.д. 4) В конце, когда задача решена/либо нуу ни в какую не решается, то смотрите правильный ответ). Главное максимум приложенных усилий.

 

Понял, спасибо за советы.

Link to comment
Share on other sites

  • 0

 

я бы сразу задал вопрос: сколько макетов сверстал?

Имхо, количество не равно качество, всё же.

 

фронт энд же очень обширный (     попробуй все понять скажем за два макета или 3

+ желателен опыт не просто верстки макета а работа скажем в паре с кем нибудь(back-end)

  —— как он написал

 

но хочу развиваться дальше и углубленно в этой сфере 

 

я не профессионал в этом. это лично мое мнение абстрактное. автор можешь меня не слушатЬ))

Link to comment
Share on other sites

  • 0

 

Могу вам предложить пару статей по теме: раз, два.

кажется, у @psywalker есть статьи на все случаи жизни. Этой и загробной. Для тех, кто в нее верит =)

 

Сам порой удивляюсь этому приятному факту)

 

 

 

я бы сразу задал вопрос: сколько макетов сверстал?

Имхо, количество не равно качество, всё же.

 

фронт энд же очень обширный (     попробуй все понять скажем за два макета или 3

Если не обучаться чему-то новому от макета к макету (напр. помимо практики читать и теорию, пробовать всякие новые штуки, экспериментировать и т.д.), а просто, как конвейер клепать один за другим макет, то толку мало будет даже от 100 макетов. Нужно постоянно развиваться, ставить новые цели, иначе роста не будет.

Link to comment
Share on other sites

  • 0

  А какие мнения на счёт Bootstrap, стоит ли его досконально изучать? У меня он полярные чувства вызывает, с одной стороны   удобно, но порой быстрее сделать какой то элемент самому чем разбираться в этой бутстраповской каше.      

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Kenpati
      Здравствуйте хочю спросить у вас совета как быть я начал заниматся сайтостроительством около 2-3 месяцев назад.
      Начал я изучать html и css не судите строго по Евгению Попову так как никакого другого наставника
      который мог бы так же ясно излагать мысли я не нашел.
      Я сделал уже 5 шаблонов и тут я заступорился иногда захожу на htmlbook за очередной справкой по html
      и вижу там кучю мне еще незнакомых тегов не говоря уже про атрибуты речь о html 4.01 а html 5 я решил изучать тогда когда нормально освою этот. И такой вопрос нужно ли учить абсолютно все теги и атрибуты которые только есть?
      или их нужно изучать по мере необходимости при создании каждого сайта если это необходимо. То же касается и css могу выложыть сюда свои работы если нужно.
  • Обсуждения

    • Вот тут есть актуальный список бесплатных тестов с сертификацией https://www.classcentral.com/report/free-certificates/ Обратите внимание на HackerRank, там есть тест с сертификацией непосредственно по CSS
    • Нужно сверстать по картинке меню-бар. Не получается сделать вот это поле поиска <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>     <style> .nav {     display: flex;     list-style-type: none;     padding-left: 0;     font-size: 17px;     text-transform: uppercase; } .nav > li > a {     color: #fff;     text-decoration: none; } .nav > li {     padding-left: 29px;     margin-left: 30px; } .header {     display: flex;     background-color: #31485b;     justify-content: space-between;     align-items: center; }   .sidebar {     width: 410px;     display: block;     padding-right: 20px;     margin: auto;     margin-left: 250px; }   ul.nav li a:hover {     background-color: #687c8d;     padding: 17.2px 35px; }   input[type="text"], input[type="search"] {   background-color: #687c8d;   width: 60%;   padding: 8px;   margin: 0 50px }   input[type="search"] {     color: #31485b;     font-style: italic; }     </style> </head> <body>     <div class="header">                 <ul class="nav">                     <li class="s1"><a href="#">Главная</a></li>                     <li><a href="#">Блог</a></li>                     <li><a href="#">Сервисы</a></li>                     <li><a href="#">Онлайн-профессии</a></li>                     <li><a href="#">О сайте</a></li>                 </ul>                                 <div class="sidebar">                     <form method="post" action="#" id="search_form" >                       <input type="search" name="search_field" placeholder="Поиск" />                     </form>                   </div>     </div> </body> </html>  
    • ЭЭ, а почему оно должно удалять? Может стоило повесить событие на эту кнопку и указать, что при это должно происходить?
    • например -R не будет качать указанные файлы если вы знаете список нужных вам файлов, проще их указать или можно написать парсер
    • выкладывайте код в песочнице, так будет проще У вас media подключается до blocks/header, по этому правила из blocks/header перекрывают media сверху вниз в css пишите tag .class ... @media и не будет у вас подобных проблем  
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy