Jump to content

AngularJS — структурированный фреймворк для динамических web-приложений


nerv
 Share

Recommended Posts

Очень сильно похож на SC идеологически

что есть, то есть :) Я около месяца юзаю, на первый взгляд неплохо. В большинстве своем освобождает от рутинных манипуляций, экономит время и nerv:) Позволяет создавать качественные rich-client application.

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
Reply to this topic...

×   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 cyklop77
      помогите пожалуйста разобраться с установкой fancybox через bower в проект на angularjs
      я нашёл модель fancyboxes здесь . на это страничке написано, что нужно ввести:
      $ bower install FancyBoxes я это сделал. затем прописал его в bower.json:
      { "name": "angular-campus-app", "dependencies": { "FancyBoxes": "", "angular": "^1.5.5", "angular-material": "^1.0.7", "angular-ui-router": "^0.2.18", "angular-sanitize": "" }, "overrides": {} } затем добавил его в основной модуль так:
      angular.module('app', [ 'ui.router', 'ngSanitize', 'ngAnimate', 'FancyBoxes', 'app.config', 'app.directives', 'app.filters', 'app.services', 'ngMaterial', 'app.controllers' ].concat(pageOptions.map(function(e){return e.id}))) после этих действий приложение вообще перестало запускаться. в консоли браузера сообщение такое:
       
    • By itincorp
      В компанию Wiley приглашается Senior JavaScript developer.

      Требования:
      - техническое образование;
      - знание английского языка на уровне не ниже Intermediate;
      - опыт работы по специальности от 3 лет;
      - опыт работы с JavaScript, CSS, Node / Grunt, BackboneJS, ReactJS, AngularJS, dotCMS.

      Обязанности:
      - проектирование и реализация веб интерфейса для распределённых многопользовательских систем корпоративного уровня;
      - использование web и JavaScript технологий: CSS, Node / Grunt, BackboneJS, ReactJS, AngularJS, dotCMS.

      Условия:
      - оформление согласно трудовому законодательству и «белая» заработная плата;
      - фиксированная оплата труда, премирование по результатам работы за полугодие;
      - размер заработной платы обсуждается с успешными кандидатами, по результатам собеседования;
      - периодическая индексация заработной платы;
      - корпоративная программа добровольного медицинского страхования;
      - корпоративные курсы английского языка;
      - стабильность;
      - благоприятное офисное пространство;
      - иногородним кандидатам компенсируем стоимость проезда до Москвы;
      - помогаем в быстром поиске жилья и обустройстве на новом месте.

      Место работы: Московская обл., г. Королев
      График работы: пятидневная рабочая неделя, занятость полная.
      Перед собеседованием соискателям, возможно, будет предложено выполнить тестовое задание.

      Контакты для связи:
      itincorp@gmail.com
      +7 916 072 29 58
      Skype: valeriya390
      Валерия
    • By itincorp
      В IT компанию (разработка ПО) приглашается Frontend developer. 

      Требования:
      - знание JavaScript, jQuery, AngularJS или BackboneJS;
      - знание и понимание HTML5 технологий;
      - знание ReactJS (как преимущество);
      - умение верстать кроссбраузерные адаптивные страницы;
      - понимание современных тенденций в области Front-end разработки;
      - опыт работы с Grunt / Gulp, SCSS и другими инструментами;
      - опыт работы с системами версионирования;
      - владение английским языком (чтение документации).

      Обязанности: 
      - создание SinglePage Application разного уровня сложности;
      - реализация интерфейсов по макетам дизайнеров;
      - оптимизация существующих приложений.

      Условия:
      - оформление согласно трудовому законодательству и «белая» заработная плата;
      - размер заработной платы обсуждается с успешными кандидатами, по результатам собеседования;
      - пятидневная рабочая неделя, график работы с 9 до 18 часов, 
      - офис расположен в историческом центре города;
      - возможности для роста и обучения.

      Контакты для связи: 
      E-mail: itincorp@gmail.com
      Skype - valeriya390
      Тел.: +7 (916) 072 29 58
      Валерия
    • By mdlv
      Как настроить angular-gripster, чтобы убрать Z-слои и наложение изображений друг на друга? Сейчас, если изображения большие, они накладываются друг на друга.
      Настройки, видимо, находятся в
      $scope.gridOptsИ еще не срабатывает
      resizable: { enabled : false }все равно можно растягивать изображения.
      Есть официальный демо-пример, там ресайз каким-то образом отключается.
      Мои текущие настройки (из демо-примера):
      $scope.gridsterOpts = {margins: [20, 20],outerMargin: false,floating: true,pushing: true,draggable: {enabled: true},resizable: {enabled: false,handles: ['n', 'e', 's', 'w', 'se', 'sw']}}Необходимо, чтобы изображения не накладывались друг на друга, т.е. учитывался их реальный размер, и они просто располагались рядом; чтобы не было возможности ресайза при помощи растягивания изображений за угол. И была возможность перемещения. Сейчас изображения перемещаются нормально, но накладываются друг на друга, и все равно доступен ресайз.
       
      Обновление:
      После добавления к html-блоку div, в котором находятся все изображения, опции
      <div gridster="gridsterOpts"> ресайз выключился. Осталась проблема наложения друг на друга изображений.
    • By Antoshka007
      Всем привет!
       
      Интересует вопрос по создания многопользовательского приложения на AngularJS совместно с Firebase. Имею представление о том, как с ней работать, как сделать регистрацию и авторизацию, но не знаю, как лучше организовать структуру хранения данных. 
      Приложение - простенький todolist с набором списков задач. Нужно, чтобы у каждого пользователя был свой набор списков и задач соответственно. Как лучше все это оформить, чтобы получение нужных данных не было слишком трудозатратным? 

      Под каждого пользователя при регистрации создавать свой объект, в котором и хранить массив его списков или может как-то иначе?

      Был бы рад услышать мнение тех, кто уже сталкивался с подобной задачей или получить пару ссылок на статьи, если у кого-то вдруг завалялись=)
  • Обсуждения

    • Вы отучились на бухгалтера или программиста? Почему спрашиваю. Я финансист, бухгалтер. Естественно, в свое время отучился на курсах 1С, но как экономист. Поэтому могу помочь с развитием именно в этом направлении, так как опыт огромный. 
    • Всем привет.Не так давно начал изучать верстку.И кароче захотел создать слайдер на основе html css без js. Застрял булеты работают и стрелки также но только стрелки становяться видимы когда первый раз нажал на булет.До этого их никак немогу настроить.   <!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>         .wrapper{             width: 700px;             height: 400px;             margin:0 auto;             border:5px solid green;             border-radius: 20px;             overflow: hidden;             position: relative;         }         .container{             width: 600px;             height: 300px;             border: 5px solid green;             border-radius: 20px;             margin: 20px auto;         }         .slider__items{             display: none;         }         .bullets{             display: flex;             position: absolute;             left:100px;             bottom:30px;         }         .bullets__items{             width: 50px;             height: 15px;             border:2px solid green;             border-radius: 20px;             background-color: lightgreen;             margin: 0 20px;         }             .images{             display: flex;         }         .images__items{             width: 600px;             height: 300px;             border-radius: 20px;             margin-right: 55px;         }               .arrows__prev{             background-image: url(./img/next.png);             background-size: contain;             width: 40px;             height: 40px;             position: absolute;             top:150px;             left: 2px;         }         #slide1:checked ~ .images .image1{             margin-left: 0;         }         #slide2:checked ~ .images .image2{             margin-left: -655px;         }         #slide3:checked ~ .images .image3{             margin-left: -1310px;         }         #slide4:checked ~ .images .image4{             margin-left: -1965px;         }         #slide5:checked ~ .images .image5{             margin-left: -2620px;         }         #slide1:checked ~ .arrow__next .img2,         #slide2:checked ~ .arrow__next .img3,         #slide3:checked ~ .arrow__next .img4,         #slide4:checked ~ .arrow__next .img5,         #slide5:checked ~ .arrow__next .img1{             display: block;             background-image: url(./img/next.png);             background-size: contain;             width: 40px;             height: 40px;             position: absolute;             top:150px;             right: 2px;                 }         #slide1:checked ~ .arrow__prev .img5,         #slide2:checked ~ .arrow__prev .img1,         #slide3:checked ~ .arrow__prev .img2,         #slide4:checked ~ .arrow__prev .img3,         #slide5:checked ~ .arrow__prev .img4         {             display: block;             background-image: url(./img/prev.png);             background-size: contain;             width: 40px;             height: 40px;             position: absolute;             top:150px;             left: 2px;                 }     </style> </head> <body>     <div class="wrapper">         <div class="container">             <div class="slider">                 <input type="radio" name="slider" class="slider__items" id="slide1">                 <input type="radio" name="slider" class="slider__items" id="slide2">                 <input type="radio" name="slider" class="slider__items" id="slide3">                 <input type="radio" name="slider" class="slider__items" id="slide4">                 <input type="radio" name="slider" class="slider__items" id="slide5">                                 <div class="bullets">                     <label for="slide1" class="bullets__items"></label>                     <label for="slide2" class="bullets__items"></label>                     <label for="slide3" class="bullets__items"></label>                     <label for="slide4" class="bullets__items"></label>                     <label for="slide5" class="bullets__items"></label>                 </div>                 <div class="arrow__next">                     <label for="slide1" class="arrows__item img1"></label>                     <label for="slide2" class="arrows__item img2"></label>                     <label for="slide3" class="arrows__item img3"></label>                     <label for="slide4" class="arrows__item img4"></label>                     <label for="slide5" class="arrows__item img5"></label>                 </div>                 <div class="arrow__prev">                     <label for="slide1" class="arrows__item img1"></label>                     <label for="slide2" class="arrows__item img2"></label>                     <label for="slide3" class="arrows__item img3"></label>                     <label for="slide4" class="arrows__item img4"></label>                     <label for="slide5" class="arrows__item img5"></label>                 </div>                 <div class="images">                     <img src="./img/1.jpg" alt="" class="images__items image1">                     <img src="./img/2.jpg" alt="" class="images__items image2">                     <img src="./img/3.jpg" alt="" class="images__items image3">                     <img src="./img/4.jpg" alt="" class="images__items image4">                     <img src="./img/5.jpg" alt="" class="images__items image5">                 </div>             </div>         </div>     </div> </body> </html>
    • Актуально, до сих пор актуально. Много кричали, что SEO умирает и умерло. Ничего подобного, СЕО живее всех живых и по-прежнему работает. 
    • Мне нужен такой результат : Не понимаю почему background не применяется вокруг иконок:   Сам код: Html: css: Html: <section class="finish"> <div class="container"> <h2 class="finish_header">По окончании обучения Вы сможете!</h2> <div class="finish_divider"></div> <div class="finish_wrapper"> <finish_item> <div class="finish_round"> <img src="/icons/finish/1 (1).png" alt="" class="finish_icon"> </div> <div class="finish_descr">Создать свой сайт или блог</div> </finish_item> <finish_item> <div class="finish_round"> <img src="/icons/finish/2.png" alt="" class="finish_icon"> </div> <div class="finish_descr">Создать свой сайт или блог</div> </finish_item> <finish_item> <div class="finish_round"> <img src="/icons/finish/3.png" alt="" class="finish_icon"> </div> <div class="finish_descr">Обеспечить ему медленный, но верный рост в ТОП</div> </finish_item> <finish_item> <div class="finish_round"> <img src="/icons/finish/4.png" alt="" class="finish_icon"> </div> <div class="finish_descr">Достигнуть стабильного прироста посетителей</div> </finish_item> <finish_item> <div class="finish_round"> <img src="/icons/finish/5.png" alt="" class="finish_icon"> </div> <div class="finish_descr">Достигнуть стабильного прироста посетителей</div> </finish_item> </div> </div> </section>   Css: .finish .finish_wrapper { margin-top: 41px; display: flex; justify-content: space-between; } .finish .finish_wrapper .finish_item { width: 204px; } .finish .finish_wrapper .finish_item .finish_round { width: 115px; height: 115px; background-color: #b4e2ff; border-radius: 8px; } .finish_descr { font-family: Roboto; font-size: 17px; line-height: 20px; font-weight: 300; color: #efefef; Спасибо!   Уже решил, спасибо! У меня CSS селектор вида:.finish .finish_wrapper .finish_item .finish_roundА должен быть:.finish .finish_wrapper finish_item .finish_roundТ.е. без точки перед finish_item, так как это не класс, а элемент
    • Есть вопрос по макету. (psd) Макет более 80мб. На форуме не выложишь. Где лучче залить файл и выложить ссылку на него? (Гугл диск подойдет?) Может у кого, знающего найдется 10 минут, чтоб ответить на вопрос по верстке?
×
×
  • 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