Jump to content
  • 0

Полезные ссылки


Tokolist
 Share

Question

Основы

Начала JavaScript

Справочники

(...)

Сайты

http://www.javascript.ru/

http://www.javascriptkit.com/ (анг.)

http://www.javaportal.ru/

Спецификации

(...)

JavaScript ООП

Объектно-ориентированный JavaScript

JavaScript. Создание объектов

Объектная Модель. Детали.

Наследование в JavaScript

Библиотеки, фреймворки

Ext JS - cross-browser JavaScript library for building rich internet applications. High performance, customizable UI widgets Well designed, documented and extensible Component model Commercial and Open Source licenses available.

MooTools - compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

Prototype - JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

Lightbox - simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

ImageFlow - красивая галерея как в MacOS

script.aculo.us - provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.

FWC:SmartSelect - свободно распространяемый JavaScript тулкит, позволяющий максимально просто создавать многофункциональные компоненты форм, такие как "Combo Box", "Select List", "Input Autofill" и т.п.

NicEdit - Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser. NicEdit Javascript integrates into any site in seconds to make any element/div editable or convert standard textareas to rich text editing.

  • Like 1
Link to comment
Share on other sites

Recommended Posts

  • 0
jsImageBox - компактный и несложный в подключении скрипт, который позволяет показывать увеличенные изображения во всплывающем блоке. Код скрипта занимает всего 9кб. Для его работы на страницу нужно подключить только один js файл. Скрипт написан без использования сторонних фреймворков и библиотек, поэтому не должен вызвать конфликтов при подключении на сайты, уже сделанные с использованием какого-либо фреймворка.
Link to comment
Share on other sites

  • 0

Продолжу хорошую традицию Buddah,

http://learnjquery.tutsplus.com/

Новый бесплатный курс в этот раз по JQuery от tutsplus, на языке оригинала, советую там осмотреться...замечательный ресурс по разным направлениям.

Edited by Svatov
  • Like 2
Link to comment
Share on other sites

  • 0

Продолжу хорошую традицию Buddah,

http://learnjquery.tutsplus.com/

Новый бесплатный курс в этот раз по JQuery от tutsplus, на языке оригинала, советую там осмотреться...замечательный ресурс по разным направлениям.

Мне очень нравится способ подачи информации инструктором. Главное успевать понимать, что он говорит) Прохожу курс.

  • Like 1
Link to comment
Share on other sites

  • 0

Вот смотрю эти уроки и удивляюсь...он умудряется изложить все понятно и доступно за 15- 20 минут, я когда читал JQuery in Action постоянно ее забрасывал, так как очень много лишней информации, которую в принципе и знать хорошо, но процессу обучения явно не способствует...быстро надоедает читать...а его уроки смотреть одно удовольствие.

Link to comment
Share on other sites

  • 0

Там плохие примеры. Новичкам лучше почитать что-то более правильное. Машина наследует от двигателя... идеологи ООП плачут кровавыми слезами...

Вот тут очень хорошо расписаны кое-какие моменты, правда не совсем для новичков, но инфа очень интересная.

Link to comment
Share on other sites

  • 0

jQuery плагин http://zoomsl.tw1.ru. Похож на Cloud Zoom v3.0, но совершенно бесплатен. Работает во всех браузерах, даже в ие8 поддерживается плавность анимации, чего не скажешь про другие бесплатные плагины.

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

  • Обсуждения

    • Вот тут есть актуальный список бесплатных тестов с сертификацией 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