Conservez la résolution de cette nouvelle année et faites le saut de l'impression au Web Design

Vous concevez des documents pour l’impression depuis l’université et vous êtes attentif à ce qui fait fonctionner les éléments visuels. Mais le paysage a changé (et peut même paraître un peu effrayant pour certains). Ainsi, lorsque la situation a chuté au début de 2012, vous avez décidé d'en apprendre un peu plus sur le côté numérique et de vous rendre beaucoup plus commercialisable.

Il est maintenant temps de commencer. Il existe une multitude de ressources pour aider les concepteurs d'impression à se familiariser avec le codage, le HTML et la conception numérique. En raison de vos compétences en tant que concepteur d’impression, la transition pourrait même être plus facile que vous ne le pensez. Vous savez déjà comment utiliser du texte, des couleurs et des images, mais vous devez avoir les compétences nécessaires pour le réaliser dans le format en ligne. Avec un peu de temps et de dévouement, presque tout le monde peut apprendre les bases avec quelques super (et gratuits) tutoriels directement sur votre ordinateur.

Codage pour les débutants

Des sites tels que Codeacademy et Higher Computing for Everyone de Carl Herold permettent aux utilisateurs d’apprendre gratuitement les bases du codage informatique. Les utilisateurs suivent une série de cours conçus par les développeurs.

Codeacademy, qui a débuté à l'été 2011, compte plus de 500 000 utilisateurs et a reçu 2,5 millions de dollars d'investisseurs pour financer l'entreprise en octobre, selon le New York Times. Higher Computing for Everyone, qui a débuté en 2009, revendique environ 6 000 abonnés. Chacun des sites est facile à utiliser et ne nécessite aucune connaissance préalable du codage.

Le bonus pour Codeacademy est que les leçons sont structurées de manière presque ludique, vous permettant de gagner des badges de réussite pour les cours de finition et les partager en ligne. Les leçons de Codeacademy commencent au niveau le plus élémentaire - Leçon 1: Apprendre à vous connaître montre la syntaxe de programmation - et passe aux leçons de fonctions Javascript. Le seul inconvénient est que les leçons manquent de contexte pour expliquer pourquoi les choses sont faites de cette façon.

L'atmosphère de jeu de Codeacademy est amusante. Passer par les leçons vous donne un sentiment immédiat d'accomplissement et de compréhension. Avec chaque entrée dans la zone de pratique, l'utilisateur obtient un retour immédiat sur si le code a été saisi correctement et si non, des astuces sur la façon de procéder. L’interface n’exige pas de son et peut être utilisée à n’importe quel rythme, même si elle fonctionne mieux si vous suivez des leçons complètes avant de vous déconnecter.

Higher Computing for Everyone de Carl Herold est une configuration beaucoup plus structurée. Vous n'avez pas besoin de vous inscrire sur le site pour parcourir les leçons, qui s'apparentent davantage à des lectures de lectures qu'à la nature interactive de Codeacademy. Herold explique aux utilisateurs l'historique et les bases des langages de programmation et de programmation dès la première leçon et passe ensuite à l'écriture de programmes de base.

La profondeur de l'information est impressionnante, mais l'interface peut être intimidante pour les nouveaux codeurs. Les leçons nécessitent beaucoup de lecture et l'interface n'a pas d'espace de travail.

Combiner les leçons des deux modules en ligne peut constituer le meilleur moyen d’en apprendre le plus possible sur la programmation. Les informations de Herold expliquent les principes de manière claire afin que vous puissiez comprendre ce que tout cela signifie. Les leçons de Codeacademy offrent une expérience pratique de la programmation dans un format facile à utiliser.

Apprendre le HTML

Bien qu'une connaissance de base du codage ne puisse faire de mal à personne, la plupart des concepteurs souhaitent se lancer immédiatement dans la conception de sites Web. C'est là qu'intervient HTML. Le langage de balisage utilise un ensemble de balises notées entre crochets pour décrire le contenu d'une page Web.

Commencez par les didacticiels gratuits sur w3schools.com ou HTML Dog. Chaque site propose aux débutants une série de petites leçons allant de l’utilisation du langage HTML de base (définition de paragraphes et en-têtes) aux fonctions plus complexes, telles que la création de tableaux ou l’insertion d’images.

Les leçons de w3schools.com sont assez interactives et simples à comprendre. Chaque module permet aux utilisateurs d'essayer de jouer avec des éléments HTML et de voir les résultats à l'écran. Les leçons ajoutent également un élément supplémentaire d'enseignement aux exercices, expliquant pourquoi certaines balises fonctionnent correctement et comment les commandes correspondent aux méthodes de création de pages Web anciennes et nouvelles.

Les leçons pour débutants sur w3schools.com sont assez basiques, mais peuvent constituer un excellent travail préparatoire pour une personne qui passe de l’imprimé n’ayant jamais travaillé en ligne. Les leçons avancées peuvent vraiment aider les concepteurs à donner à la page l'apparence souhaitée sans avoir à recourir à des modèles gratuits ou à des feuilles de conception encadrées. Les leçons incluent des informations sur la configuration de la mise en page d'une page Web; détailler le travail avec les médias, tels que les images, la vidéo et l'audio; et présentez les utilisateurs à HTML5.

Les leçons de HTML Dog sont bien plus qu'une visite guidée. Ils servent de guide direct qui permet aux utilisateurs de s'exercer de manière autonome à l'aide du Bloc-notes et d'un navigateur Web (standard sur la plupart des ordinateurs). Les leçons sont assez simples et directes mais manquent d'interactivité. Cependant, le site fournit de très bons détails sur tous les termes d’utilisation courants qui apparaîtront en HTML, tels que? Strong? et? em.?

HTML Dog permet également aux utilisateurs d'explorer des leçons plus complexes, avec une introduction au CSS et aux cours HTML intermédiaires et avancés qui couvrent des éléments tels que Javascript et l'utilisation de formulaires.

Plus avancé? Cours?

Maintenant que vous êtes accro à tout ce que vous pouvez sur le format numérique, consultez tous les documents disponibles sur Google Code University. Le programme, sponsorisé par le géant du Web Google, a l'aspect d'un guide de cours universitaire.

Les cours et les cours sont gratuits et ne nécessitent aucune inscription. Il y a une foule de choses différentes à essayer, y compris des causeries enregistrées et des cours avec exercices. La plupart des cours sont assez avancés, avec des conférences et du matériel d'éducateurs et d'étudiants des universités de Harvard, Duke et Carnegie Mellon.

Le principal avantage de Google Code University est son réseau de ressources.Les leçons sont à jour et évoluent avec la technologie, telle que «Construire une application Android 101». Chaque cours répertorie les connaissances préalables requises pour le cours, les logiciels ou matériels nécessaires et les objectifs d'apprentissage.

Pratiquer de nouvelles compétences

La meilleure façon de tester ce que vous avez appris est de mettre les concepts en action.

Vous vous sentez bien avec certaines de vos compétences de codage? Créez un jeu ou un programme simple pour présenter votre travail. Jouez avec quelque chose avec lequel vous pouvez continuer à travailler et continuez à perfectionner de nouvelles compétences. Créez une page Web - et n'utilisez pas de modèle. Commencez simplement, mais au fil du temps, essayez d'ajouter de nouveaux éléments. Examinez ce que vous aimez en ligne et essayez de le reproduire sur votre site.

Si vous vous sentez vraiment confiant, demandez à votre supérieur de collaborer avec d'autres personnes sur un projet numérique ou cherchez-en un petit que vous pouvez gérer seul, mais avec supervision et conseils en cas de problème. Faites savoir aux gens que vous essayez de faire le saut vers la conception numérique; il est probable que vos pairs vous assisteront tout au long du processus.

Enfin, continuez à apprendre de nouvelles choses. Une fois que vous avez maîtrisé le codage et le HTML, réfléchissez à la conception dans d’autres domaines, tels que les applications mobiles et les tablettes.

Conclusion

Il existe d'excellentes ressources pour vous aider à acquérir toutes les nouvelles compétences que vous souhaitez en 2012 - et vous n'avez pas à retourner à l'école pour le faire. Définissez quelques objectifs et commencez par des cours en ligne et des tutoriels pour tirer le meilleur parti de votre expérience d'apprentissage.

Pratiquez tout ce que vous apprenez; Il ne suffit pas de suivre des tutoriels pour rendre les compétences pertinentes. Recherchez des expériences et des projets qui testeront vos nouvelles connaissances. N'oubliez pas que les concepts de base qui déterminent un bon design ne changent pas d'impression sur le Web; la clé du succès dans ces deux domaines est une boîte à outils actualisée.