Archiwa kategorii: Webdevelopment

Wszystko to co wi─???e si─? z tworzeniem stron internetowych

meetphp-hires

errbitPHP – Monitorowanie i retencja b??─?d??w webaplikacji

Moja prezentacja z ostatniego meet.php #11. O monitorowanie b??─?d??w i ich retencji za pomoc─? Airbrake Notifier Api. Przy u??yciu Errbit’a. Hostowanego na darmowym heroku. Co daje doskonoa??y efekt przy kosztach rz─?du godziny pracy przy deployu errbita na heroku.

Zapraszam do lektury.

Je??eli jeste??cie ju?? przekonani nad konieczo??ci─? ??ledzenia b??─?d??w aplikacji produkcyjnych to zapraszam do dokumentacji samej biblioteki. By dowiedzie─? si─? jak j─? zintegrowa─? z waszymi aplikacjiami.

emgiezet/errbitPHP

Je??eli wiecie jak to zrobi─? to zapraszam na packagista:
packagist.org/packages/emgiezet/errbit-php

Zapraszam do pull-request??w!

meet.php

[Ubuntu] Testowanie konfiguracji smtp na serwerze produkcyjnym

Cz─?sto zdarza si─? tak, ??e w trakcie deploymentu okazuje si─? ??e na serwerze produkcyjnym nie dzia??a wysy??anie emaili z aplikacji np. Symfony2. Admin zarzeka si─?, ??e wszystko zosta??o skonfigurowane poprawnie. Natomiast SwiftMailer m??wi:

01-how-about-no-bear

Maile nie dochodz─?. Klient rzuca mi─?sem. Na karku czujesz wilgotny i szarpany oddech project managera.

Na ratunek przychodzi swaks!


Dostajesz ??liczny log, kt??ry wysy??asz do wszystkich mo??liwych CC i blameujesz admina co konfigurowa?? serwer.

and-not-a-single-fuck-was-given-that-day-guitar-war

SunshinePHP

Symfony2 – Tak jak to robi Kris Wallsmith

Ostatni weekend obfitowa?? w konferencje. Opr??cz meetphp w poznaniu za oceanem odby??a si─? konferencja SunshinePHP. A na niej wyst─?pi?? tw??rca Assetic Kris Wallsmith ze swoj─? prezentacj─? na temat Symfony2.

Opisa?? w niej dobre praktyki programowania w Symfony2 wraz z MongoDB.

meet.php

Prezentacja na MeetPHP#8

Zapraszam wszystkich czytelnik??w na spotkanie meetPHP #8 ju?? w najbli??sz─? sobot─?(tj. 9.02.2013) o 17 w Poznaniu!

logo

Jak by kto?? nie zauwa??y??, to w agendzie jestem r??wnie?? wyszczeg??lniony ­čśë A ponad to z tag??w tego wpisu mo??na wywnioskowa─? o czym b─?dzie moja prezentacja.

Do zobaczenia!

coderbits

Zamkni─?ta Beta Coderbits!

Ostatnio dosta??em na Twitterze zaproszenie od zamkni─?tej Bety startupu CoderBits.com. Serwis naprawd─? zamiata reszt─? konkurencji. Przepych integracji zabija. My??la??em ??e po CoderWall.com┬á nie zaskoczy mnie nic swoimi integracjami. Jednak si─? myli??em, gdy?? tworzenie w??asnego na coderbits profilu polega na dok??adaniu kolejnych kont z serwis??w mniej lub bardziej dotycz─?cych programowania, system??w kontroli wersji, profilu zawodowego itd.

Po spi─?ciu 19 kont m??j profil wygl─?da tak: https://coderbits.com/mgz

 

Zaproszenie do zamkni─?tej Bety

https://coderbits.com/account/signup?inviteCode=bf778296-2254-4892-b868-d8493ace8ba2

itvpdownloader

iTVPdownloader Silex APP

Z potrzeby chwili stworzy??em startup do ??ci─?gania materia????w z itvp.pl.

Nawet dzia??a :) Live: http://itvpdownloader.mmx3.pl/

Kod mo??na zobaczy─? na moim githubie, lub klikaj─?c w link: https://github.com/emgiezet/iTVPDownloader

Applikacja powsta??a w 3 godziny (razem z deployem na AppFog – naprawd─? rewelacyjny hosting). Za jaki?? czas pojawi si─? nowy wpis na blogu dotycz─?cy tworzenia takich szybkich aplikacji w Silexie z deploymentem na AppFoga.

symfony_black_02

[Ubuntu] Instalacja LESS oraz Integracja z Symfony2 Assetic

Ostatnio staje si─? bardziej popularny LESS. By go zintegrowa─? z Symfony2 za pomoc─? Assetic’a i zachowa─? pr─?dko??─? ??adowania strony bez przeskoku spowodowanego kompilacj─? LESS’a przez JavaScript less.js.

Dzi─?ki temu pliki less b─?d─? skompilowane do normalnego css. Dodatkowo mo??na je wrzuci─? bezpo??rednio na serwer do static contentu np. Amazon S3.

Schemat dzia??ania Less Node.js i Assetica

Schemat dzia??ania Less Node.js i Assetica

  1. Instalacja Less

    1. Instalacja Node.js
       sudo apt-get update
       sudo apt-get install git-core curl build-essential openssl libssl-dev
       git clone https://github.com/joyent/node.git
       cd node
       chmod +x ./configure
       ./configure
       make
       sudo make install
       node -v
      
    2. Instalacja NPM
      wget http://npmjs.org/install.sh --no-check-certificate
      sudo ./install.sh
    3. Instalacja Less
      sudo npm install less  --global

      Parametr global jest niezwykle istotny, gdy?? nie b─?dziesz m??g?? potem uzyska─? dost─?pu do lessa

    4. Dodanie PATH Less’a do ~/.bashrc
      Edytuj plik: ~/.bashrc

      gedit ~/.bashrc
      

      Dodaj now─? lini─? na ko??cu pliku:

       PATH=$PATH:$HOME/node_modules/less/bin
      
    5. Teraz trzeba prze??adowa─? profil Basha
       source ~/.bashrc
      
    6. Testujemy Less!
       lessc wejscie_less.less > wyjscie_css.css
  2. Integracja z Symfony2 i Assetic
    1. Konfiguracja Assetic
      Edytujemy config.yml i dodajemy 3 lini─? zwi─?zane z lessem tak jak to wida─? na przyk??adzie poni??ej:

      # app/config/config.yml
      assetic:
          debug:          %kernel.debug%
          use_controller: false
          filters:
              cssrewrite: ~
              less:
                  node: /usr/local/bin/node
                  node_paths: [/usr/local/lib/node]
              yui_css:
                  jar: %kernel.root_dir%/../java/yuicompressor-2.4.6.jar
              yui_js:
                  jar: %kernel.root_dir%/../java/yuicompressor-2.4.6.jar
      
    2. Edytujemy nasz g????wny plik layoutu(base.html.twig)
      Dodaj─?c warto??─? less, do argumentu filter:

      #base.html.twig
      ...
      <head>
      {% stylesheets filter='less,?yui_css' '@AcmeBundle/Resources/less/main.less' %}
          <link href="{{ asset_url }}" rel="stylesheet" media="screen" />
      {% endstylesheets %}
      </head>
      ...
      
    3. Budujemy assety za pomoc─? Assetic’a
      php app/console assetic:dump --env=prod
      
    4. Cieszymy si─? ??migaj─?cym arkuszem styli kompilowanym z less’a!
symfony_black_02

Symfony2 – Dodawanie Klasy CSS do pola formularza zawieraj─?cego b??─?d

Case

Webdeveloper przygotowa?? nam HTML do strony zawieraj─?cej formularz.Przy b??─?dzie walidacji pola formularza. Pole to ma otrzyma─? dodatkowo klas─? CSS error. Je??eli to nie zostanie zaimplementowane, to kleint b─?dzie w??ciek??y, szef da po premii. A webdeveloper co ci─??? psd2html b─?dzie mie─? ci─? za Lamera!

#Rozwi─?zanie: 1 (Ugly)

Jest to proste, jednak wrzuca nam logik─? do template??w TWIG’a. Przez co tracimy na czytelno??ci plik??w TWIG. Templaty „tyj─?” przez ci─?g??e wklejanie tego samego kodu.
Czytaj dalej

Silex – Class ÔÇÜTwig_EnvironmentÔÇÖ not found

Buduj─?c nowy projekt w mikro frameworku Silex(w wersji fat). Mo??emy napotka─? nast─?puj─?cy b??─?d:

Class ÔÇÜTwig_EnvironmentÔÇÜ not found

Zaraz przejdziemy po przeczytaniu dokumentacji gdy przejdziemy do pr??b stworzenia czego?? nowego i dodamy obs??ug─? Twig’a. Google w tym przypadku nam nie wiele powie, gdy?? w─?tek na GitHubie dotyczy zupe??nie innego problemu. A jak si─? okazuje rozwi─?zanie jest trywialnie proste.
Czytaj dalej