Пропустить теорию и перейти прямо к задачам
Ссылка на учебник: http://learn.javascript.ru
Сразу расскажу про несколько особенностей яваскрипта, о которых может быть не написано (или мало написано) в учебниках, но которые стоит понимать:
HTML: | |
<div class="wrapper"> | |
<div class="tabs"> | |
<span class="tab">Вкладка 1</span> | |
<span class="tab">Вкладка 2</span> | |
<span class="tab">Вкладка 3</span> | |
</div> | |
<div class="tab_content"> | |
<div class="tab_item">Содержимое 1</div> | |
<div class="tab_item">Содержимое 2</div> |
Tabs: | |
[ | |
{"caption":"Tab Title", "fields": [ | |
{"field":"title","caption":"Name"}, | |
{"field":"description","caption":"Description","inputTVtype":"textarea"}, | |
{"field":"imageTV","caption":"Photo","inputTV":"imageTV"} | |
]} | |
] | |
Table: |
Пропустить теорию и перейти прямо к задачам
Ссылка на учебник: http://learn.javascript.ru
Сразу расскажу про несколько особенностей яваскрипта, о которых может быть не написано (или мало написано) в учебниках, но которые стоит понимать:
/* | |
* Snippet seguindo a documentação idiomatic css, | |
* basta colocar nas seus arquivos de configurações de css e scss dos snippets da IDE e aproveitar!!! | |
* Segue a Doc para colocar os snippets no VisualCode https://code.visualstudio.com/Docs/customization/userdefinedsnippets | |
*/ | |
/ * | |
* Snippet following the css idiomatic documentation, | |
* Just put in your css and scss settings files from the IDE snippets and enjoy !!! | |
* Follow Doc to place the snippets in VisualCode https://code.visualstudio.com/Docs/customization/userdefinedsnippets |
[ | |
{ name: 'document', items : [ 'Source','-','Save','NewPage','DocProps','Preview','Print','-','Templates' ] }, | |
{ name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] }, | |
{ name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] }, | |
{ name: 'forms', items : [ 'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ] }, | |
{ name: 'styles', items : [ 'Styles','Format','Font','FontSize' ] }, | |
{ name: 'colors', items : [ 'TextColor','BGColor' ] }, | |
{ name: 'tools', items : [ 'Maximize', 'ShowBlocks','-','About' ] } | |
'/', | |
{ name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] }, |
<!-- Open Graph Tags --> | |
<meta property="og:site_name" content="[[++site_name]]" /> | |
<meta property="og:type" content="article" /> | |
<meta property="og:title" content="[[*longtitle:default=`[[*pagetitle]]`]]" /> | |
<meta property="og:description" content="[[*description:default=`[[++site_description]]`]]" /> | |
<meta property="og:url" content="[[~[[*id]]? &scheme=`full`]]" /> | |
<meta property="og:image" content="[[*image:default=`[[++site_image]]`]]" /> | |
<meta property="fb:app_id" content="[[++fb_app_id]]" /> | |
<meta property="article:publisher" content="[[++fb_url]]" /> | |
<!-- Twitter Tags --> |
$('.open-popup-link-2').attr("data-effect","mfp-move-horizontal").magnificPopup({ | |
type:'inline', | |
removalDelay: 500, //delay removal by X to allow out-animation | |
callbacks: { | |
beforeOpen: function() { | |
this.st.mainClass = this.st.el.attr('data-effect'); | |
} | |
}, | |
midClick: true, | |
callbacks: {open: initSliders} |
# Устанавливаем кодировку | |
AddDefaultCharset utf-8 | |
Options +FollowSymLinks | |
# Запрет выдачи листинга пустого каталога | |
Options -Indexes | |
# Активируем mod_rewrite | |
RewriteEngine On |