24 Temmuz 2015, Cuma

#2 Polimer Web Bileşenleri İle Çalışmaya Başlama

Bu çift yukarı öğreticiler ve bir yol bizimle kal polimer ile başlamak için Gerekli komut ekleyerek biz bizim projeye indirmek olduğunu son video ve yapacağız onların ilk özel kullanarak gitmem mi polimer ile gelen web bileşeni yüzden devam edelim check it out Şu anda kubbe böylece, video sayısı bir biz Bauer indirilen ve biz indirilen kızımız ile Polimer ve bizim güç bileşenleri bizim sette tam burada oturan bir polimer ve web bileşenler dot JS yapmak ama biz görebilirsiniz burada biraz daha büyük bu toplam yapmalıdır biraz daha iyi Solluyor tamam ve ancak gidiyoruz biz yapacağı

z yapıyor olması Bir bileşene sahip olmak Google'ın katalog bileşenleri şimdi biz oraya Bugün polimerler web sitesine giderek ve daha sonra muazzam miktarda hastalık katalog dedi Burada rakipler ve polimer

ler Sundukları sevebilir demir elemanları kağıt elemanları Google Web bileşenleri ve biraz okuyabilir Bunlar hakkında İki farklı sınıflandırmalar özel dört türleri de var bileşenler Ancak biz istiyoruz Googl

“Ekleyerek başlayın Polimer ile Bower kullanarak sitemize bir web bileşeni önceden yapılmış. En iyi paylaşılan web hosting http://www.bluehost.com/track/leveluptu...”
LevelUpTuts

e Web bileşenlerine gidiyor çünkü sahibi olacak Onun Google haritasını kapma olmak böylece biz sadece burada bu listeden Google haritasını seçebilirsiniz ve burada tekrar sana biraz belgeleri verir Sol taraftaki size güç verir komutan Bu yüzden biz Bauer kullanmak isteyen bahsediyoruz oldum nedenlerinden biridir Polimer burada iktidar ile çok iyi entegre çünkü Sadece biraz daha kolay şeyler o kadar özgür kopya bu gücü yapar install komutu bizim

#2 Polimer Web Bileşenleri İle Çalışmaya Başlama Resim 1 #2 Polimer Web Bileşenleri İle Çalışmaya Başlama Resim 2 #2 Polimer Web Bileşenleri İle Çalışmaya Başlama Resim 3 #2 Polimer Web Bileşenleri İle Çalışmaya Başlama Resim 4

término gelebilir ve burada seine hızı gidiyor ve rota bizim projemiz var ve bazı go ahead ve Enter tıklayabilirsiniz dis Cappy ve doğrudan yapıştırılan ve bunu kapmak için gidiyor görebilirsiniz Bu bileşen kendisi şimdi biz geri Sublime Text var görürsünüz biz burada bu Google API'leri orada da dahil olmak üzere var diğer bazı var Google Harita ve polimer ve web bileşenlere ek olarak aa beni bu nedenle bu Google Map ile gelen paket elemanlar biz buna açarsanız Google Map Loader biz google haritası tarifi

google haritası marker meşgul Google Maps arama olduğunu Milan HTML Tüm bu HTML dosyaları farklı bileşenleri Google Haitili haritası Biz sadece ben aslında silmek için gidiyorum temelde devam etmek istiyorum diyor Bazı bu Vücudumuzdaki şeyler burada biz ihtiyacımız yok ve biz ihtiyacımız yok varlıklar diğer hurda başvurmak için hemen Google Analytics beşik olduğunu aslında ve doktorlar hafta sonu Google Analytics web bileşeni olsun artık sonradan gidiyor ve XO vücut sağlar silindi gibi görünüyor Vücudunun içine şimdi çocuk reklamı istiyorum bir Google tire olan bir bileşen vardı hissediyorum matematik gibi pek ve daha sonra yakın bir dirsek var ama şimdi biz bu tasarruf ve eğer bizim tarayıcı vardı burada tekrar projemize gelmesine izin ve yenileme deniz biz de biz başlamak zorunda kesinlikle hiçbir şey olmamıştır referans Bazı javascript dosyaları ve hatta bir HTML dosyası bu çalışma almak için bu yüzden yapmak istediğim ilk şey go ahead ve web bileşenlerini eklemek olduğunu JS Projemizin kafasına yüzden burada projemize biz sadece can yeni bir komut a sahip ve olacak ancak HTML5 ile aslında gerek yok metin / javascript yazın take bakımı yüzden devam edin ve o silmek ve hemen önünüzde gidelim edeceğiz Kaynak src eşittir ve asla güç bileşenleri klasörüne basıldığında gidiyor Biz arkada konum beri bize böylece iki referans dosyaları burada bana saldırdı biz sadece sadece söylemek Güç çizgi bileşenleri eğik çizgi biz sadece filepath kapma olduğunuzu şimdi web bileşenleri Eğer başvuru için gittiğini, bu düz burada bahsedilen Dosya dat js web bileşenleri Yani bir şey gibi JS burada projemize bağlanmak Şimdi bu linke tıklayın kaynağında check-out ortasında tazeleyelim ve aslında doğru komut dosyası bulundu emin olun Onların yolu biz sadece orada hiçbir yazım hataları olduğunu biliyorum ve aslında olduğunu Bu web bileşenleri gerçekten ne olduğunu 10 GS kadar yükleme. polimer gidiş şimdi bir sonraki şey, özel bir öğesi almak için gerekli Google müstehcen gelen ve polimer içinde var elemanın kendisi için HTML düzenleme şimdi biz birlikte bunu lincoln teknoloji yüzden linki yazarak yapabilirsiniz ve görürsünüz veri varsayılan demiryolu stil sayfasına biz bu olmak istiyorum Teşvik stil ithalat ve biz istiyoruz Ben sıralama AP okuma o verilir biliyor ve biz referans olmak istiyorum Google Map nokta bir yol Şimdi biz sadece devam edebilir sağında burada bu HTML ve Çünkü çizgi ileri bu güç bileşenleri anlatarak, bu başlamak ediyorum güç konferans klasöründe yer alır ve biz Google'a gidin şimdi edeceksin Bir sonraki büyük bölü tire matematik ve sonra Google'da arıyoruz dışarı haritalanmıştır HTML böylece biz sadece önde gidebilir ve burada aynı pace HTML şimdi bu tasarruf biz yeni Google Map kullanmak için özgür olmalıdır eleman projemizin Sona yenileme vurduğunda hiçbir şey gerçekten olmuyor ve gerçekten gösterilmesini değil Bir mutlaka kutudan bir yüksekliğe sahip değildir kesinlikle, çünkü ve ne zaman biz eğer geçen bilgiler Komutan bunu hassas Defy enlem oluyor görebilirsiniz elemanı incelemek ve boylam bu yüzden go ahead ve aslında burada yüce etmesine izin geç oldu, çünkü o ve bizim ana CSS dosyasına girmesi için gidiyoruz İşte Şimdi size proje üzerinde kullanmakta olduğunuz herhangi bir CSS dosyası içine gidebilir Bir dakika önceden önde ve mutluluk Google Maps eleman gitmek ve en alt Maine ve baş gelmesine izin ve en unsuru olarak önde ve sadece referansları gidelim biz böyle bir sınıf ya da bir şey kendi kafasına bunu yapamam, çünkü ve ben sadece merhaba demek ve ben 400 piksel şimdilik kadar iyi izlemek için gidiyorum ve ne demek istediğini dayalı oa nefret hemen hemen her şeyi verebilir ve biz öylece yukarı ile bir vereceksin % uh Yüzde 100 ve en geri baş izin veremeyiz bizim HTML ve bazı enlem ve boylam geçti bunu bu yüzden web bileşenleri hakkında en iyi özelliklerinden biri yanında efendim donatılacak at Bir elemanın içine özel işlevselliği onlar özelliklerini kullanmak mümkün olduğunuzu şimdi bu yüzden biz bu bütün olarak düşmesi yerine sahip bir Google Harita öğesi Kodu biz aslında verebilir böylece ve benzeri enlem gibi şeyler sadece daha sonra herhangi eşittir vererek tarafından Bir sayı değeri aslında enlemleri en önde gidelim ve bu kullanıyor gidiyor oa enlem vermek Ben sadece bir boylam sonra bir burada set var ve biz alabilir bu yüzden de ihtiyaç olacak çizgiler melodi eşittir Başka bir değer katabilir şimdi en go ahead ve sayfayı yenileyin ve bunu kontrol edelim gördüğünüz gibi şimdi Biz Google Map işlenmiş olması ve en yeni müfettiş çıkalım bu yüzden aslında bu kontrol kapatmak oluyor deli gibi vurgulama değil ve aslında en nerede ışık bilecek bu yüzden sadece ben aslında vardı bazı enlem ve boylam değerleri yapıştırın Orada önce kişi biz değerlerin ama şimdi ben istediğinizi tam olarak ne 39.7 üç ve negatif 10 4.99 3 gel ve biz bir Google Haritası var olduğunu göreceksiniz yenilemek için ve onun 22 biz bunu yapabilirsiniz istediğiniz doğrudan nerede Buraya gel ve diyelim ki bu değiştirmenize izin negatif 124 ve okyanus partizan görebilirsiniz yenileme hangi burada Kaliforniya kıyıları müzesi kapalı olmalı ve ego Kuzey Kaliforniya yani Gördüğünüz gibi biz kılan bir şekilde bu harita üzerinde tam kontrole sahip Bizim HTML içine bakarak çok daha anlamsal anlamda Sadece Denny bakarak veya HTML belgesi yapmaz hayal ve gördüğünüz Yatakta kodunda bir bütün blok kadar bu iyi görünmüyor Bu gerçekten yapıyor ve işte tam olarak ne söyler harika yüzden şimdi ettik kullanarak ilk elemanı Google'ın ithal camelot polimer ve ekleyerek basit bir Google Map yükselterek JS ve güç bileşenleri altını hangi bileşenlerin ve daha sonra Google bizim güç bileşenleri içinden Haritayı Bu tüm polimer ile indirebilirsiniz ve süper kolay oldu böylece bir sonraki görüntü bu elemanını kısmını almaya gidiyoruz ve biz yapacağız o ne yaptığını oluyor ve ne olduğunu kontrol biz gerçekten kendi elemanları inşa etmeye başlayana kadar biz hiç anlamıyor olabilir ama biz özel elemanları kendi projelerini nasıl kullanabileceğinizi görmek için iyi bir başlangıç ​​olduğunu ve Kendi mal Cisco biz onu sevdi ya da başka yorumlardır herhangi bir sorunuz varsa her zaman söylüyor Bir facebook kadar biraz sıkı tatlı aşk video o sanki olma izlemek için size teşekkür duymak ve önümüzdeki göreceğiniz tarafından.

Açıklama

Ekleyerek başlayın Polimer ile Bower kullanarak sitemize bir web bileşeni önceden yapılmış. En iyi paylaşılan web hosting http://www.bluehost.com/track/leveluptutorials/ Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro Level Up Haber Bülteni Abone http://eepurl.com/AWjGz Sorularınız için yorumlar veya ziyaret sonrası: http://leveluptuts.com/forum Level Up Tuts Destek: http://leveluptuts.com/donations Geliştiriciler için inşa basit bulut barındırma, .: https://www.digitalocean.com/?refcode=67357174b09e

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



10/10

  • 52
    Olumlu
  • 0
    Olumsuz
  • 9
    Yorum
  • 3362
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • BroadCity

    BroadCity

    10 ŞUBAT 2010
  • Liz Morgan

    Liz Morgan

    4 Aralık 2011
  • Tips On Linux

    Tips On Linu

    26 Temmuz 2008

ANKET



Bu sayfa işinize yaradı mı?