Giter Club home page Giter Club logo

kottans-js-2016's People

Contributors

sherlaimov avatar

Watchers

avatar avatar

kottans-js-2016's Issues

Домашка №0, которую и так все сделали

  1. Установить git / ознакомиться с ним
  2. IDE/editor, ознакомиться с ним.
  3. DevTools - пройти на CodeSchool (http://discover-devtools.codeschool.com/).
  4. Github - завести репозитарий для домашек.
  5. GitBranching: http://pcottle.github.io/learnGitBranching/ пройти Main, забросить скриншот в гитхаб, сюда запостить ссылку

Домашка №2

Два задания, сделать одно на выбор

  1. сверстать формочку
    https://dribbble.com/shots/1322677-Checkout-Page/attachments/186093
    аплоад файлов не делать
    тут и табличка (сверху), и radio инпут, и range, к паролю можете прикрутить meter, взять какой-то адекватный плагин (написать самому?) для ввода номер карточки. неправильная форма (или без чекбокса) не сабмититься (кнопка disabled). в идеале, чтобы работало по максимуму без джс
    эту форму, особенно с последним пожеланием, можно долго делать, но я бы ограничил время 8 часами и оценил бы, что получилось
  2. плагин для posthtml
    он должен вырезать бустраповские классы и заменять классы, которые начинаються на js на data- аттрибуты: class=js-smth => data-js=smth

Домашка №4

написать deepAssign, который работает ровно так же, как и Object.assign (порядок ключей, проверка на enumerable, проверяет на != null etc), но хэндлит nested объекты
правильно проверяет на объект, умеет работать с сабклассами
то есть new obj.constructor, а не []/{}
бонусные поинты: хэндлить даты/регэкспы/мэпы/сэты
https://github.com/shvaikalesh/polyfill-object/blob/master/assign.js
реализация Object.assign, ваш тоже должен работать с Object.create(null)
должно работать синхронно и в рамках ecmascript. то есть structured clone не юзать! и без JSON

Домашка №1, HTML

Разметить эту страницу: https://habrahabr.ru/post/244929/
от вас ожидаеться .html файл с семантичной разметкой, без css/js
крупные части контента копипастить не стоит (саму статью, там h*/p/code -- все просто), а вот остальное -- нужно
как должно выглядить

<!doctype html>
<html lang=ru>
<meta charset=utf-8>
<title>Habrahabr.ru</title>
<header>
  <ul>
    <li><a href=...>TM Feed</a>
    <li><a>Хабрахабр</a>
  </ul>```

Домашка №3

Сверстать формочку
https://dribbble.com/shots/1322677-Checkout-Page/attachments/186093
аплоад файлов не делать
тут и табличка (сверху), и radio инпут, и range, к паролю можете прикрутить meter, взять какой-то адекватный плагин (написать самому?) для ввода номер карточки. неправильная форма (или без чекбокса) не сабмититься (кнопка disabled). в идеале, чтобы работало по максимуму без джс.
Очень желательно воспользоваться scss/less/postcss/stylus, применить flexbox, autoprefixer

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.