Перейти к содержимому

Фотография

Курсы web разаботка


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1
Jaga-Jaga

Jaga-Jaga
  • Завсегдатай
  • 298 сообщений

Всем добрый день!

 

Может кто-нибудь посоветовать курсы по web разработкам в Астане? Интересует начальный этап (html, css, JS). Первое впечатление осталось не айс, т.к. нарвался на студентиков-нубасов, 30к за месяц в трубу и уровень преподавания ужасный.

Посоветуйте , кто знает.

Спасибо


  • 0

#2
lexx821

lexx821
  • Частый гость
  • 73 сообщений
Я смотрел видеокурс на ютубе по веб дизайну, одна девушка (веб дизайнер), которая вела этот видеокурс обещала что через неделю или несколько часов, все кто записался на её лекцию научатся и станут веб дизайнерами, она рассказывала подробно всё. Я просмотрел её видеокурс, причём несколько раз, но вот веб дизайну я так и не научился, так-как у меня нет вдохновения на это, а верстать я очень хорошо научился. А толку то от этой вёрстки? Современный веб дизайнер, он сам придумывает лейаут и сначало делает наброски лейаута в тетради, он дизайнер (умеет работать с типографикой, графикой а также с векторной графикой), он UI и UX дизайнер, он верстальщик. И ещё некоторые современные веб дизайнеры используют уже готовые бесплатные плагины, фреймворки, cms. Я просмотрел много различный веб сайтов, они щас все какие-то однотипные, похожие друг на друга - заголовок с лого, меню горизонтально либо вертикально, контент с текстом и картинками, и снизу футер с контактами фирмы, и всё это посередине в браузере с тенью. А для мобильной версии, нужно меню прятать там кнопка сверху с тремя полосками (меню гамбургер) при нажатие раскрывается как гармошка, и всё это уже не посередине браузера, и ещё нужно сделать версию для печати, там нужно прятать меню, и картинки, и используются градация серого, чтобы на цветном принтере не использовались цветные чернила, только чёрные, всё это делается спомощью media query.
Короче верстать очень скучно, я хотел-бы сам придумывать лейауты, такие лейауты, как-будто это не веб сайт, а обложка журнала. Но мне не суждено быть веб дизайнером, так-как нет идей, и вдохновений.
 

Вот:

web.jpg web2.jpg web3.jpg


  • 0

#3
T-800 Danya

T-800 Danya
  • Постоялец
  • 306 сообщений

 

Я смотрел видеокурс на ютубе по веб дизайну, одна девушка (веб дизайнер), которая вела этот видеокурс обещала что через неделю или несколько часов, все кто записался на её лекцию научатся и станут веб дизайнерами, она рассказывала подробно всё. Я просмотрел её видеокурс, причём несколько раз, но вот веб дизайну я так и не научился, так-как у меня нет вдохновения на это, а верстать я очень хорошо научился.

 

 

ИМХО  выполнить операции по одной какой-то конкретной Инструкции еще вовсе НЕ значит чему-то научиться ;)

 

Скрытый текст

Сообщение отредактировал T-800 Danya: 17.03.2019, 10:24:15

  • 0

#4
Den_S

Den_S
  • В доску свой
  • 3 825 сообщений

 

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

 

Ну версия для печати это совсем уже последнее дела. Для начала верстаем под HD мониторы, ноутбуки, планшет горизонтально/вертикально, смартфон горизонтально/вертикально. 


  • 0

#5
lexx821

lexx821
  • Частый гость
  • 73 сообщений

ЗЫ Хотя Hello World-щикам этого НЕ понять. 
 

Я где-то уже говорил что это моё хобби, я не занимаюсь этим профессионально, у нас IT фирм нет подходящих, я живу можно сказать в деревне.

 

Хотел вчера код выложить, вот сейчас только выкладываю

Вот CSS:

/* Это main.css */
* {
  padding:0; margin:0; color:#1A1A1A;}
body {
  background-color:white; }
.content_ {
  height:700px; }
.clearfix:after {
  content: ""; clear: both; display: table; word-wrap:break-word; margin:5px 5px; }
.left {
  float:left; }
.right {
  float:right; }

@media screen and (min-width:499px) and (max-width:100000px) {
.content {
  border:1px solid #EEE; box-shadow:0px 0px 7px 5px #EEE; margin-left:auto; margin-right:auto; margin-top:50px; margin-bottom:50px; width:70%; }
.header {
  min-height:200px; background-color:blue; color:white; }
.footer  {
  min-height:200px; background-color:blue; color:white; }
}

@media screen and (min-width:10px) and (max-width:500px) {
.content {
  margin-left:auto; margin-right:auto margin-top:0; margin-bottom:0; width:99%; }
.header {
  height:0px; display:none; visibility:hidden; }
.footer  {
min-height:200px; background-color:blue; color:white; }
}

@media printer {
.content {
  margin-left:0 0; width:99%; } 
.header {
  height:0px; display:none; visibility:hidden; width:0px; }
.footer  {
min-height:200px; }
}
/* Это menu.css */
@media screen and (min-width:500px) {
  .menubar ul {
    border-bottom:1px solid white; border-top:1px solid white; background:linear-gradient(darkblue, blue, darkblue); color:white;
    list-style-type:none; margin:0; padding:0; overflow:hidden; }

  .menubar li {
    float:left;
    color:white; }

  li a {
    color:white;
    display:block; text-align:center; padding:14px 16px; text-decoration:none; }

  li a:hover {
    background-color:darkblue; color:white; }

  li .active {
    background:linear-gradient(gray, white, white, gray); color:blue; }

}

@media screen and (min-width:10px) and (max-width:500px) {
  .menubar ul {
    border:1px solid darkblue; background-color:blue; color:white;
    list-style-type:none; margin:0; padding:0;overflow:hidden;
  }

  .menubar li {
    color:white; }

  li a {
    color:white;
    display:block; text-align:left; padding:14px 16px; text-decoration:none; }

  li .active {
    background:white; color:blue; }
}

@media print {
  .menubar { display:none; visibility:hidden; width:0px; height:0px; }
}
/* Это ui.css */
@media screen {
.field {
  border:1px solid #AAA; box-shadow:0px 0px 5px #AAA; border-radius:2px; background-color:#FFF; padding:2px 2px; width:200px; height:30px;
}

.button {
  background:linear-gradient(to bottom, darkblue, blue); color:white; box-shadow:0px 0px 5px blue; border-radius:2px; border:1px solid #AAA; padding:2px 2px; width:70px; height:30px;
}
}

@media print {
.field {
  border:1px solid black;  padding:2px 2px; width:200px; height:30px; color:black;
}

.button {
  border:1px solid black;  padding:2px 2px; width:70px; height:30px; color:black;
}
}
<!-- Это index.html -->
<!DOCTYPE html>
<html>
  <head>
    <title>Фирма XYZ</title>
    <link rel="stylesheet" type="text/css" href="main.css" />
    <link rel="stylesheet" type="text/css" href="menu.css" />
    <link rel="stylesheet" type="text/css" href="ui.css" />
  </head>
  <body>
    <div class="content">
      <div class="header">
        <h1 style="color:white;">Фирма XYZ</h1>
      </div>
      <nav>
        <div class="menubar">
          <ul>
             <li><a class="active" href="#">Главная</a></li>
             <li><a href="#">Продукты</a></li>
             <li><a href="#">Контакты</a></li>
          </ul>
        </div>
      </nav>
      <div class="content_">
      <div class="clearfix">
        <h1>Фирма XYZ</h1>
        <div class="left" style="width:20%;">
        Наша фирма уже 20 лет на рынке Казахстана, мы производим с 1999 ______ ...., наша продукция самая лучшая, наши клиенты не только в Казахстане но и в Узбекистане, России, Беларуси.
        </div>            
        <div class="left" style="width:20%;">
        Тут вторая колонка, мы производим с 2010 так-же __________ , и наши клиенты очень довольны.
        </div>
      </div>
      <br>
      <br>
      <br>
      <div>
        Лейаут кнопок/полей:<br>
        <label>Имя:</label><br>
        <input class="field"><br><br>
        <label>Фамилия:</label><br>
        <input class="field"><br><br>
        <label>Отчество:</label><br>
        <input class="field"><br><br>
        <input class="button" type="button" value="Отослать" />
      </div>
      </div>
      <div class="footer">
      Контакты:<br>
      АО ФИРМА XYZ<br>
      Алматы 05000,<br>
      Улица Фурманова, проспект ***, дом **<br><br>
      Тел&nbsp;&nbsp;:+7(3272)*****<br>
      Факс:+7(3272)*****<br>
      </div>
    </div>
  </body>
</html>

  • 0

#6
T-800 Danya

T-800 Danya
  • Постоялец
  • 306 сообщений

 

ЗЫ Хотя Hello World-щикам этого НЕ понять.

 
Я где-то уже говорил что это моё хобби, я не занимаюсь этим профессионально, у нас IT фирм нет подходящих, я живу можно сказать в деревне.

 

 

Плохим Танцорам вечно что-то мешает...  :D

 

В частности, разве  Вам кто-то запрещает открыть свою IТ фирму в Вашей  Деревне и пилить Реальные Проекты? ;)


Сообщение отредактировал T-800 Danya: 17.03.2019, 16:52:41

  • 0

#7
lexx821

lexx821
  • Частый гость
  • 73 сообщений

Вам кто-то запрещает открыть свою IТ фирму в Вашей  Деревне и пилить Реальные Проекты?
 

Нафига? У меня есть работа, но не связанная с IT. Чтобы открыть свою фирму это большая канитель, нужен большой стартовый капитал, много денег на высокие налоги, и ПО нужно сертифицировать за это тоже надо платить.


  • 0

#8
T-800 Danya

T-800 Danya
  • Постоялец
  • 306 сообщений

Чтобы открыть свою фирму это большая канитель, нужен большой стартовый капитал, много денег на высокие налоги, и ПО нужно сертифицировать за это тоже надо платить.

 
 

Скрытый текст


Сообщение отредактировал T-800 Danya: 17.03.2019, 20:58:36

  • 0

#9
lexx821

lexx821
  • Частый гость
  • 73 сообщений

Вы что действительно задались целью подтвердить Справедливость народной Мудрости про Плохого Танцора
 

Нет не собираюсь, у вас тоже нет пока ни одного готового проекта, а значит вы тоже не очень в IT... , а у меня есть готовые проекты, просто то что я делаю оно никому не нужно, когда достигните своей цели, то поймёте что это никому не надо было, и зря убили время, итд. Я не обязан никому ничего доказывать, если вы ещё не поняли, я просто убиваю тут время, ну и я просто хотел делать веб-сайты лично для своей души, потому-что у меня сейчас совсем другая профессия, никак не связана с IT, да и у нас тут мало вакансии в области IT, на данный момент из ~1.707.000 вакансий, в области IT всего - ~67 тыщ вакансий. Я два экзамана провалил в колледже, поэтому трудно устроится без образования в области IT, до колледжа я посещал универ как гость, чтобы поступить в уни, нужно пройти абитур (3 года длиться подготовка в универ), короче в колледже я не сдал: предмет "методы разработки ПО" (по этому предмету у многих тройка, студенты просят подсказки во время экзаменов) там пудряд мозги, допустим рассказывают про каскадную модель (Watelfall model), AGILE, обязательно нужно знать наизусть и понимать все паттерны (Design Patterns), ER-модель, модель базы данных, блок схема, UML диаграмму, нужно уметь писать грамотно в word'е концепцию проекта/продукта, уметь пользоваться ms visio, dia, или ещё что-нибудь такого рода, уметь пользоваться ms project или openproj, понимать диаграмму ганта. А второй предмет который я провалил, это Information and communcations technology - там нужно знать сетевую модель, разные протоколы (TCP, IP, UDP, итд), знать bash, уметь писать скрипты sh, уметь подключать учительский сетевой принтер и напечатать из OpenOffice что-нибудь типа Hello World, уметь назначать права на папки, установить apache, php настроить виртуальную машину и линукс так, чтобы виртуалка стала веб сервером, и чтобы другой студент мог обратиться к вебстранице, ubuntu мы тогда не изучали, мы изучали OpenSUSE, CentOS графический интерфейс не приветствовался (ну максимум Midnight Commander разрешён) - так-как на Windows устанавливается PuTTY и работать нужно через PuTTY с линуксом, нужно пользоваться только командным интерпретатором, уметь работать с vi, уметь пользоваться командами линукс, уметь обновлять линукс, уметь скачивать и устанавливать пакеты, уметь вычислять маску. Да и всё равно после оканчания колледжа, многие студенты устраиваются не по своей профессии.

P.S. Да я рад своим сайтом который я несколько месяцев назад сделал :) , гугл даёт ему 100% по скорости для мобильной версии, я не вставляю всю эту шнягу типа jQuery, Mootools, не использую гуглские шрифты, различные иконки для сайта у меня в формате SVG или как спрайт (все иконки в одном png), использую ленивую загрузку (lazy load) для изображений, а также использую service worker для кэширования, тени и фон программирую в CSS3 спомощью box-shadow и linear-gradient/radial-gradient, я видел у нас тут один веб дизайнер использует Bootstrap, гугл даёт низкую оценку такому сайту так-как там много библиотек (css, js), шрифты..., а оценка сказывается на поиске, чем выше очков даёт гугл, тем выше рейтинг сайта, тем выше сайт в результате поиска. У многих ещё старый интернет, и никакой тут CDN не поможет, если сайт за 5-10 сек не загрузиться, на него просто не зайдут больше.


  • 1

#10
T-800 Danya

T-800 Danya
  • Постоялец
  • 306 сообщений

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

 
Насчет НИКОМУ  не нужных - Ну это Hello Word-ы никому не нужны :) ...

 

ЗЫ.  К примеру, только у моих Бесплатных Приложений - которые я делал, что называется Just for Fun -  более  150 000  пользователей, которые каждый день засыпают всякими просьбами типа, Пожалуйста, сделай еще то или сделай еще се...   Хотя ну да - в принципе согласен - 150 000  по сравнению с  7 000 000 000 населения  Земли - это действительно Практически что Никто  :)
 

Я не обязан никому ничего доказывать, если вы ещё не поняли, я просто убиваю тут время, ну и я просто хотел делать веб-сайты лично для своей души, потому-что у меня сейчас совсем другая профессия, никак не связана с IT, да и у нас тут мало вакансии в области IT, на данный момент из ~1.707.000 вакансий, в области IT всего - ~67 тыщ вакансий. Я два экзамана провалил в колледже, поэтому трудно устроится без образования в области IT, до колледжа я посещал универ как гость, чтобы поступить в уни, нужно пройти абитур (3 года длиться подготовка в универ), короче в колледже я не сдал: предмет "методы разработки ПО" (по этому предмету у многих тройка, студенты просят подсказки во время экзаменов) там пудряд мозги, допустим рассказывают про каскадную модель (Watelfall model), AGILE, обязательно нужно знать наизусть и понимать все паттерны (Design Patterns), ER-модель, модель базы данных, блок схема, UML диаграмму, нужно уметь писать грамотно в word'е концепцию проекта/продукта, уметь пользоваться ms visio, dia, или ещё что-нибудь такого рода, уметь пользоваться ms project или openproj, понимать диаграмму ганта. А второй предмет который я провалил, это Information and communcations technology - там нужно знать сетевую модель, разные протоколы (TCP, IP, UDP, итд), знать bash, уметь писать скрипты sh, уметь подключать учительский сетевой принтер и напечатать из OpenOffice что-нибудь типа Hello World, уметь назначать права на папки, установить apache, php настроить виртуальную машину и линукс так, чтобы виртуалка стала веб сервером, и чтобы другой студент мог обратиться к вебстранице, ubuntu мы тогда не изучали, мы изучали OpenSUSE, CentOS графический интерфейс не приветствовался (ну максимум Midnight Commander разрешён) - так-как на Windows устанавливается PuTTY и работать нужно через PuTTY с линуксом, нужно пользоваться только командным интерпретатором, уметь работать с vi, уметь пользоваться командами линукс, уметь обновлять линукс, уметь скачивать и устанавливать пакеты, уметь вычислять маску. Да и всё равно после оканчания колледжа, многие студенты устраиваются не по своей профессии.
 

 

 
Мда... Даже не знаю что Вам ответить на  этот Ваш "Плач Ярославны"  ... Единственно что мог бы сказать ИМХО  "Проблема в головах а не в Сортирах" 

 

Ибо как известно "Человек сам Кузнец своего счастья... " ;)

 

Скрытый текст

Сообщение отредактировал T-800 Danya: 18.03.2019, 01:11:43

  • -1

#11
lexx821

lexx821
  • Частый гость
  • 73 сообщений
Может кто-нибудь посоветовать курсы по web разработкам в Астане?

 

В общем, вам надо на ютубе различные лекции смотреть, если интернет слабый то специальную литературу читать по HTML, CSS, JavaScript. Я сам HTML, CSS, и JavaScript изучал без всяких студентов. Способы создания сайта постоянно меняется, в конце 90х использовали таблицу или абсолютное позицонирование, потом появился первый мобильный интернет, использовали для десктопных браузеров HTML3/HTML4, а для мобильной версии WML, потом появились виртуальные миры и начали к этому всему использовать VRML и X3D, потом появилась мода на резиновый дизайн, таблицы больше не использовали для дизайна, а использовали её только для отображения данных, потом забросили с WML,VRML/X3D (так-как больше это не развивалось), вместо этого всего появился HTML5 и WebGL и дизайн стали делать адаптивным, теперь появился сеточный дизайн (Grid Layout). HTML5 постоянно улучшается, и постоянно меняются способы дизайна. Чтобы сайт красивым был, нужно всякий орнамент уметь рисовать как на ковре, уметь рисовать мандалу, всякие красивые кривые линии, цветочки, спомощь графических редакторов нужно уметь отделять различные объекты от фона, иногда веб-дизайнеры используют 3D модели, нужно уметь создавать 3D модели, научиться использовать шейдеры, потом эти 3D модели сохраняют как картинки, и прикепляют их в веб сайт, нужен фотоаппарат зеркалка потому-что придётся фотографировать всякие картинки для веба.

 
 
Скрытый текст

 

Скрытый текст
 

Сообщение отредактировал lexx821: 18.03.2019, 01:43:23

  • 0




Количество пользователей, читающих эту тему: 0

пользователей: 0, неизвестных прохожих: 0, скрытых пользователей: 0

X

Размещение рекламы на сайте     Предложения о сотрудничестве     Служба поддержки пользователей

© 2011-2019 vse.kz. При любом использовании материалов Форума ссылка на vse.kz обязательна.