Imatges per presentacions: Xarxes Social

Imatges per presentacions: Xarxes Socials

Image courtesy of Pixomar / FreeDigitalPhotos.net

Flickr - Perspecsys Photos

Sites d'interès: Cursos de seguretat

courtesy of hyena reality / FreeDigitalPhotos.net

Cursos de seguretat

Veig a Cryptex-Seguridad de la información un llistat de cursos de seguretat força interessant, que reagrupo per temàtiques:

Temàtica	Curs
Curs bàsics / Generalista / Ciberseguretat	OpenCourseWare-Seguretat Coursera - Cybersecurity Specialization
Sistemes en xarxa	OpenCourseWare - Sistemas distribuidos
Desenvolupament segur	Coursera-Computer Security
Criptografia	Coursera-Criptografia 1 Coursera-Criptografia 2 OpenCourseWare - Advanced Cryptography Udacity - (Universitat Virginia) Crypt4you (Universitat Politècnica de Madrid)

Enllaços relacionats:

• Genbeta-14 cursos de seguretat (ES)
• Cryptex-14 cursos de seguretat (ES)

HTML5 i CSS3: Fonts d'informació i generadors

http://www.w3.org/Style/CSS/

Fonts d'informació

Al començar a programar en HTML5 i CSS3 cal obtenir una font d'informació fiable i que aporti exemples, i els apartats més interessants.

Faig aquí un recull de llocs on tractar aquests temes.

Tema	On?
HTML General	HTML (ENG) Un excel·lent resum de HTML5 de 1 pàgina (Gràcies a Smashingmagazine.com)
CSS General	CSS(ENG)
<div>	DIV (ENG)
<nav> Exemple display:inline	nav (ENG) Exemples menu horitzontal (Spanish)
<Canvas> Grafics	Canvas (ENG) canvas i SVG (ENG) SVG (ENG) Un  generador gratuït i força interessant: canva.com
CSS selectors: # . *	CSS Selectors (ENG) Herència i cascada
Fonts	W3.org-fonts Font, @Font-face CSS3 Fontface
Generadors CSS	CSS3generator.com Gradients Generator CSSPortal.com Rounded-corner, menus i 1000 trucs CSS3maker.com - menus i més CSS3.com
media Utilitzat per a disseny adaptable ("responsive") a diferents dispositius	Screen resolution alistapart.com - Responsive <link rel='stylesheet' media='only screen and (min-width:530px) and (min-device-width:480px)' href='screen-480.css' />
CSS Selectors ::after	W3schools-Selectors p::after {content:"- Remember this";} per exemple, afegeix el text a tots els paràgrafs.

Enllaços relacionats:

• Developer Mozilla (ENG)

Sites de interès: Sites on aprendre a programar

from www.openclipart.org

A més de les fantàstiques eines que ofereix Firefox al seu site per a desenvolupadors, tenia guardada aquesta pàgina de Bitelia amb una sèrie de sites que ofereixen formació en diferents eines de programació.

De totes les que estan descrites al article, i algunes que afegeixo jo, em quedo amb:

Aprendre a programar

Site	Llenguatges
Disseny sensible (Responsive Design)	Eina de Mozilla: Permet veure la resposta de la pàgina a diferents entorns de pantalla només arrossegant el ratolí. Disposa de tamanys predeterminats o la flexibilitat del fer-ho específic.
Scratchpad	Eina de Mozilla: Permet programar JavaScript (JS)
Paint Flashing	Eina de Mozilla: Permet veure ("flashing") les parts d'una pàgina que responen a un event.
3D View	Eina de Mozilla: Permet veure en 3D la jerarquia de etiquetes de la pàgina, d'aquesta manera es pot retocar fàcilment el CSS associat i revisar quines coses es pinten sobre de les altres. Estan integrades en les eines per a desenvolupadors del propi navegador.
W3Schools	Referència bàsica per a HTML5, CSS navegadors... TOTALMENT GRATIS!!!
CodeAcademy	JavaScript, HTML, CSS, PHP, Python, y Ruby
EdX	Programació i altres temes. Vinculada al MIT i Harvard
MiriadaX	Site de formació en espanyol i portuguès. Inclou formació gratuïta en programació. Vinculat a diverses universitats espanyoles.

Enllaços relacionats:

• Mozilla developer tools
• Bitelia 10 cursos de programació
• www.openclipart.org