Question: Décrivez-vous au début de votre voyage ?
Réponse : Au début de mon voyage il y avait un grand désir de changer ma profession principale en une profession plus intéressante et plus lucrative.
Question: Décrivez-vous maintenant ?
Réponse : Maintenant, je suis devenu encore plus déterminé. Ayant plus de 20 ans d’expérience dans l’enseignement derrière moi, j’ai réalisé que ce n’est pas du tout ce que je souhaite faire maintenant et dans le futur. Je ne voudrais pas abandonner complètement l’enseignement. Option idéale : continuer à travailler avec un salaire de 0,25, et le reste du temps développer des sites web personnalisés. Surtout maintenant, où le niveau de connaissances a considérablement augmenté par rapport au début du voyage.
Question: Quelles pensées aviez-vous ?
Réponse : Projet très cool. Nous devons mieux le connaître. Assurez-vous d'utiliser les matériaux pour votre projet.
Question: Qu'est-ce que tu as aimé ?
Réponse : J'ai aimé la qualité des cours, leur conception, le professionnalisme des auteurs ne fait aucun doute.
Question: Comment vous êtes-vous senti ?
Réponse : Un plaisir total dans le processus d’apprentissage.
Question:
Répondre: Les cours m'ont aidé à systématiser des connaissances éparses et j'ai acquis la certitude que je réussirais.
Vous m'avez été recommandé par un bon ami, qui était déjà votre client à l'époque.
Question: Expérience de vie?
Réponse : Il se trouve que je suis allé étudier le programmeur presque par hasard (c'était la deuxième spécialité en priorité). Après la formation, j'ai eu la chance d'obtenir immédiatement un emploi de programmeur 1C et je suis donc resté 5 ans dans ce domaine ;
Du coup, quand c'est devenu complètement lassant de bricoler ça, j'ai décidé de changer radicalement de profil d'activité et je suis devenu assistant réalisateur à la télévision régionale.
Entre deux montages de programmes TV, j'ai décidé de commencer à apprendre PHP par moi-même. à ce moment-là, j'ai suivi un cours sur PHP chez Webformyself - en fait, cela a donné une impulsion au retour au métier de programmeur, mais en me concentrant uniquement sur le Web.
Ma première expérience commerciale dans le développement Web était un projet que j'ai développé sur Joomla. C'était un projet long, difficile et peu lucratif, mais j'ai survécu à cette période, acquis de l'expérience et commencé à comprendre comment travailler pour obtenir des résultats et comment communiquer directement avec le client. Ensuite, il y a eu une expérience indépendante dans le développement de quelques magasins sur Joomla + Virtuemart, les connaissances et les solutions ont été tirées directement du cours « Boutique en ligne sur Joomla » (https://site/jshop/).
Puis ma vie a pris un tournant décisif, j'ai signé mon premier contrat à part entière avec une entreprise informatique. Après avoir établi tous les processus internes et compris la stratégie de l'entreprise, j'ai eu le temps de me développer davantage dans le domaine du développeur Web.
Question:
Réponse : À cet égard, il y avait peu de doutes, et seulement sur une chose : la rapidité avec laquelle l'argent dépensé serait rentable. Et il y avait une totale confiance dans leur capacité à payer.
Question: Quelles sont les croyances et valeurs les plus importantes pour vous dans la vie en général et dans le développement web en particulier ?
Réponse : L’essentiel dans la vie, c’est l’amour. Quant au développement Web, il y a une évolution constante et de nouveaux défis à relever.
Question:
Réponse : Il y avait un problème principal : depuis que j'étais débutant complet dans le monde du développement Web - je n'avais pas de plan structuré clair sur par où commencer et quelle direction prendre. Après avoir acheté un cours sur PHP, j'ai appris toutes les bases de ce langage, comment créer des applications, et à partir de là, j'avais déjà une compréhension et une vision de comment et où développer tout cela.
Question: Quels succès avez-vous obtenus ?
Répondre: Mon développement est devenu plus rapide et de meilleure qualité, j'ai maîtrisé plusieurs technologies, je me suis débarrassé du déplacement au bureau, et en général, le métier de développeur web me permet de gagner de l'argent dans des conditions qui me conviennent et à un prix convenable. temps.
Question: Quels changements positifs se sont produits dans votre vie ?
Réponse : La famille, les enfants, les voyages et mon passe-temps sont devenus la principale activité avec laquelle je gagne de l'argent (je parle du développement web).
Unger Oleg
Je suis recherché sur le marché du travail, malgré mon âge, je comprends désormais clairement dans quelle direction je dois m'orienter ensuite
Question: Expérience de vie ?
Réponse : Après l’école, j’ai postulé pour devenir programmeur, mais je n’avais pas assez de points. A étudié pour devenir ingénieur en électronique. Il a travaillé dans divers domaines, principalement en production. La région qui rapportait autrefois de bons revenus a migré vers la Chine, il est devenu difficile de trouver du travail et j'en ai déjà marre.
Question: Décrivez-vous au début de votre voyage ?
Réponse : Au début de mon voyage, je doutais vraiment que cela valait la peine de commencer. J'ai été très motivé par l'exemple de mon ami, qui est également parti de zéro et a obtenu en moins d'un an un emploi normalement rémunéré.
Question: Décrivez-vous maintenant ?
Réponse : Près de trois ans se sont écoulés, j'ai déjà quelques connaissances et j'en acquiers constamment de nouvelles grâce aux cours de WebForMySelf.
Question: Comment avez-vous connu nos cours ?
Réponse : J'ai commencé à chercher de quel genre d'école ou de cours il s'agissait, où ils expliquaient tout si bien et en détail. Je l'ai trouvé sur YouTube et d'autres recherches ont conduit au site Web Webformyself.
Question: Qu’avez-vous pensé en premier lorsque vous avez entendu parler de notre projet ?
Réponse : J'ai trouvé que c'était bien qu'il y ait autant d'informations au même endroit.
Question: Avez-vous eu des doutes ?
Réponse : Honnêtement, il y avait des doutes. Mais je me suis inscrit au Premium Club. Et j'ai beaucoup appris grâce aux vidéos : PHP, JavaScript, expressions régulières, cours de programmation orientée objet (POO PHP), etc.
Question: Qu'est-ce que tu as aimé ?
Réponse : je vraiment J'ai aimé que le cours inclue d'autres cours et vidéos de l'accès premium en bonus. Et j’ai eu tellement de chance que je n’ai pas eu à choisir entre Yii2 et Laravel, car ils étaient inclus.
Question:
Réponse : Il me faudrait passer beaucoup de temps à chercher des informations plus ou moins structurées sur les bons sujets.
Question: Quels succès avez-vous obtenus ?
Réponse : D'une manière ou d'une autre, sans que je m'en aperçoive, j'ai commencé à comprendre ce qui semblait auparavant inaccessible à la compréhension. Sur à l'heure actuelle Je travaille comme programmeur depuis presque un an (Yii, MS Serveur SQL, JavaScript), je participe au développement de nouvelles fonctionnalités et au support du projet CRM dans une organisation s'occupant des systèmes de sécurité, d'automatisation et de communication.
Question:
Réponse : Je me sens confiant et optimiste. J'ai l'intention d'améliorer encore mon niveau professionnel.
Question: Quels changements positifs se sont produits dans votre vie ?
Réponse : Des changements pour le mieux : Je suis recherché sur le marché du travail, malgré mon âge, je comprends désormais clairement dans quelle direction je dois m'orienter ensuite. L’avenir n’est plus aussi vague et effrayant qu’avant.
Je n'ai jamais épargné d'argent pour l'auto-éducation, et les excuses comme « il est trop tard pour commencer » ou « je ne peux pas » ne me conviennent pas
Question: Décrivez-vous au début de votre voyage ?
Réponse : Au début de mon parcours, la programmation Web était une « forêt sombre » où elle était effrayante et inconfortable, mais la soif de connaissances m'a forcé à avancer, oui, j'ai dû écrire des analyseurs en Delphi, Ebay Sniper, un programme de participation aux appels d'offres, a été écrit. Pour le moment, je comprends qu'il vaut mieux écrire quelque chose comme ça en PHP (il n'est pas nécessaire de « réinventer la roue » avec la bibliothèque Synapse).
Question: Que pouvez-vous dire des objections que vous avez pu rencontrer avant d'acheter des produits d'information, comment vous avez surmonté ces objections (pas d'argent ; je ne peux pas le faire ; trop tard pour commencer ; trop tôt pour commencer ; proches contre ; trop difficile ; peut-être certains- ou vos objections) ?
Réponse : Je n'ai jamais épargné d'argent pour l'auto-éducation, mais les excuses comme « il est trop tard pour commencer » ou « je ne peux pas » ne me conviennent pas- celui qui marche maîtrisera la route.
Question: Quel problème essayiez-vous de résoudre, quels problèmes avez-vous rencontrés avant d'acheter le cours ?
Réponse : Le principal problème avant d'acheter les cours était mon niveau de connaissances nul. Oui, bien sûr, vous pouvez regarder un tas de vidéos gratuites sur YouTube, ici vous ne dépenserez pas d'argent, mais vous dépenserez la chose la plus précieuse : le temps. Sur YouTube, la plupart des vidéos contiennent beaucoup d'eau, car les auteurs essaient de rendre la vidéo la plus longue possible afin de gagner de l'argent grâce à la publicité.
Question: À quoi pensais-tu au début de ton voyage ?
Réponse : Je l'ai trouvé sur Internet ; à cette époque, j'avais un besoin urgent de créer un site Web de galerie et j'ai acheté le premier cours de mise en page. J’ai échoué avec succès dans ce projet – je manquais de connaissances. J'ai pu créer une mise en page, j'ai même installé JQuery, mais ensuite mes connaissances se sont épuisées, j'avais besoin d'un panneau d'administration, j'avais besoin de stocker des données quelque part. C'est là que je me suis familiarisé avec le modèle MVC et que j'ai voulu maîtriser PHP (il n'y a eu aucun problème avec MySQL, car en raison de la nature de mon travail, je connais bien SQL, je dois souvent extraire des données de la base de données dans le contexte des entrepôts, des entrepreneurs, etc.).
Question: Quels changements ont commencé à se produire lorsque vous avez entendu parler des cours ?
Réponse : Lorsque j'ai découvert les cours, aucun changement n'est survenu, j'ai juste acheté un cours d'abord et j'ai commencé à étudier, puis le second…. des changements ont commencé à se produire au cours de l'étude du matériel, et ces changements étaient définitivement pour le mieux.
Question: Que pourrait-il se passer si vous ne parveniez pas à résoudre vos problèmes si vous n'utilisiez pas nos produits ?
Réponse : Il est peu probable que quelque chose de grave se produise, le développement Web est mon passe-temps, je ne prends pas d'argent pour cela et je ne m'occupe que de ce qui m'intéresse vraiment. Eh bien, en ce qui concerne vos produits en particulier, ce sont eux qui m'ont guidé dans le monde du développement web, car au début de mon parcours j'étais comme un chaton aveugle, mes connaissances étaient nulles et je ne savais pas où aller et ce qu'il faut faire. Je crois qu'au début de votre voyage, vous avez simplement besoin d'un mentor pour vous montrer le chemin, et vos cours sont devenus ce mentor pour moi. Oui, tout ne s'est pas passé tout de suite, mais l'essentiel est de ne pas abandonner.
Question: Quels succès avez-vous obtenus ?
Réponse : Quels succès avez-vous obtenus ? En seulement 2 semaines, j'ai écrit un site Web pour centres de services Huawei au Kazakhstan, désormais ce site n'est plus actif, puisque Huawei a intégré la soumission des candidatures dans son système. Rédaction d'un site Web pour une entreprise de transport avec la possibilité de suivre l'emplacement des marchandises en ligne, un site de boutique en ligne, un site Web pour ma sœur - elle est psychologue en exercice. Il n’y a pas de quoi se vanter de particulier ; pour moi, c’est avant tout un hobby.
Question: Comment te sens-tu? A quoi penses-tu ? Quels sont vos projets ?
Réponse : Des projets pour l'avenir, probablement pour ne pas s'arrêter là et continuer à étudier les nouvelles technologies en matière de développement Web. Peut-être que je vais m'essayer à applications mobiles, s'il y a suffisamment de temps.
J'aime beaucoup les cours et les leçons d'Andrei Kudlay. Quant à moi, ce n’est qu’un sorcier du web.
Question:Expérience de vie ?
Réponse : Tout a commencé avec la mise en page, j'ai appris toutes les bases à partir de zéro et j'ai commencé à prendre en charge de simples commandes indépendantes. Ensuite, j'ai découvert Joomla, mais d'une manière ou d'une autre, je ne m'y suis pas entendu, je ne sais pas pourquoi. Je suis tombé sur Wordpress, puis nous nous sommes rencontrés. J'ai commencé à étudier attentivement ce CMS et à travailler en étroite collaboration avec lui. Étudié cours gratuit de WFM sur la création d'un thème à partir de zéro, j'ai décidé d'acheter immédiatement le cours WordPress-Professional - car il comportait également un cours bonus sur PHP, dont j'avais vraiment besoin à l'époque. En cours d'études, j'ai réalisé que tout n'est pas aussi compliqué qu'il y paraît, et petit à petit j'ai commencé à prendre des commandes pour la création de thèmes pour WordPress. Maintenant, je ne regarde même plus les échanges indépendants ; j'ai mes propres clients réguliers. Le profil principal crée des thèmes pour Wordpress à partir de zéro.
Question: Décrivez-vous au début de votre voyage ?
Répondre: Au début du voyage, il y avait des doutes : y a-t-il de l'argent sur Internet, en freelance ? Pour être honnête, cela n'a pas été facile de démarrer - avec peu d'expérience et un portefeuille « pas épais », il a fallu beaucoup de temps pour trouver des clients. En général, je me suis proposé une certaine formule - au début, tout semble toujours effrayant, incompréhensible, impossible, mais il suffit de diviser une grande tâche en étapes et de commencer à la faire - comment tout commence à se dérouler et à se mettre en place. Il suffit de ne pas avoir peur et de le faire : il y aura toujours une solution.
Question: Décrivez-vous maintenant ?
Réponse : Désormais, mon profil principal crée des thèmes WordPress à partir de zéro. Je ne regarde pas les échanges indépendants ; j'ai des clients et un flux constant de travaux intéressants. Je sais avec certitude que vous pouvez gagner de l'argent sur Internet. Il y a un désir d'élargir vos connaissances dans le domaine de PHP, donc J'ai acheté un cours de master PHP auprès de l'équipe WFM d'Andrey Kudlay. J'aime beaucoup ses cours et ses leçons - il fait un excellent travail en expliquant la matière. En plus de ça, je trouve ses cours/leçons très intéressants à regarder ; ils ne sont pas ennuyeux pour moi, ou quelque chose du genre. Je ne sais pas comment expliquer cela correctement, mais sur mon chemin je suis tombé sur de nombreuses leçons que je voulais m'endormir en regardant).
Question: À quel moment avez-vous décidé d’acheter les cours ?
Réponse : J'ai compris que pour progresser davantage, j'avais besoin d'un nouvel ensemble de connaissances structurées. Je cherchais des cours/leçons pour moi-même. À cette époque, sur RuNet, je ne voyais aucun concurrent du WFM dans les cours WordPress. De manière générale, je suis toujours à la recherche de matériaux de qualité dont j'ai besoin pour mon développement.
Question: Qu'est-ce que tu as aimé ?
Réponse : J'aime beaucoup les cours et les leçons d'Andrei Kudlay. Quant à moi, ce n’est qu’un sorcier du web). Il convient de noter son excellente capacité à expliquer des informations complexes.
Question: Quels succès avez-vous obtenus ?
Réponse : J'ai trouvé un travail que j'aime beaucoup. J'ai trouvé beaucoup de gens intéressants autour de moi. J'ai acquis des connaissances et des compétences que je peux désormais vendre librement. Il y a de la confiance dans l'avenir. Travailler en freelance, c'est pour moi la liberté et l'opportunité de me développer, de me construire.
Auparavant, ces technologies me paraissaient exorbitantes
J'ai commencé par simplement écouter. Et puis j’ai essayé de créer même pas un site Web. Et une page simple. Changez-le à l’aide de requêtes multimédias. J'ai réussi.
Je n'avais absolument aucune idée de ce qu'était la mise en page adaptative ; tout cela me semblait être une forêt sombre. Pour les sites pour appareils mobiles Ils paient bien maintenant. En moyenne, un site Web adaptatif coûte entre 15 000 et 20 000 roubles dans notre ville. L'envie d'apprendre à réaliser de tels sites a contribué à l'acquisition du cours.
J'ai bien compris les principes mise en page adaptative. Son essence réside dans les requêtes des médias. À l'aide des requêtes multimédias, vous pouvez définir, par exemple, la largeur de page maximale ou minimale. Et pour cette taille, enregistrez les propriétés. La couleur du texte, sa taille, l'emplacement des blocs dessus, différents pieds de page et en-têtes pour différentes tailles de page s'il s'agit d'un dessin.
Qu’est-ce que je retiens le plus du cours ? La minutie, je dirais l'ennui d'Andrey :-) Au début ça m'a ennuyé, mais ensuite, au contraire, ça m'a plu. Et le principe même de présentation du matériel. Nous concevons d’abord le site Web. Son idéologie est la disposition en blocs. Et puis nous commençons à l'adapter à l'aide de requêtes multimédias.
Je veux gagner jusqu'à 50 000 roubles par mois en concevant des sites Web adaptatifs :-)
J'ai aussi aimé le bonus gratuit de ce cours sous forme de leçons CSS3. Auparavant, ces technologies me paraissaient exorbitantes. Maintenant, après avoir terminé ces leçons. Je peux facilement faire pivoter ou déplacer l'image lorsque je passe la souris. Tout cela m'est devenu disponible après avoir terminé les leçons CSS3.
...Et avant d'abandonner, j'ai vu une vidéo sur YouTube de l'auteur de l'équipe WebForMyself. J'en ai regardé un, puis un autre et je n'ai pas pu m'en détacher
Bonjour, je m'appelle Julia Rietfeld, je suis développeur front-end au ministère de la Justice des Pays-Bas.
J'hésitais beaucoup à acheter un cours sur Laravel. Je travaille comme maquettiste et graphiste depuis 5 ans maintenant, et il m'a toujours semblé que PHP (et d'autres langages backend) était le domaine des programmeurs super intelligents. Mais à un moment donné, mon patron m'a dit que je devais aussi apprendre PHP, à savoir Laravel, pour aider à développer des applications. Pendant très longtemps, j’ai douté qu’une théorie aussi complexe puisse fonctionner. Comment puis-je, en tant que créatif, construire des choses complexes, et même en PHP ?
Est-ce que cela vaut la peine d’investir autant de temps et d’argent ?
J'ai regardé un cours sur Laravel sur lynda.com. Ensuite, j'ai acheté plusieurs cours sur ce framework sur Udemy.com. Ensuite, il y a eu des cours sur pluralsight.com. Tout était difficile. Et ce n’est même pas une question de langue ; j’étudie et travaille en anglais depuis 20 ans. Et avant d’abandonner, j’ai vu la vidéo de Victor sur YouTube. J’en ai regardé un, puis un autre et je n’ai pas pu m’en détacher.
Mais ayant désormais terminé 19 leçons sur 39 (50%) de la partie théorique du cours sur Laravel, je tiens à dire en toute confiance que toutes mes craintes étaient vaines. Victor anticipe simplement mes questions et mes pensées du genre « et si… ». Vidéos enregistrées dans excellente qualité et des images dans lesquelles il explique ce qu'est, par exemple, le Middleware, pour moi en tant que visuel, c'est juste un salut.
Avec respect et reconnaissance,
Julia Rifteld
J'ai appris ce que sont la mise en page, le serveur virtuel, la base de données, le langage PHP, etc. et je sais comment travailler avec
J'ai appris ce qu'est la mise en page, serveur virtuel, base de données, Langage PHP etc. et je sais comment travailler avec. Je sais comment trouver mes erreurs ou fautes de frappe, comment écrire un moteur adapté à mes besoins, comment le modifier et le moderniser.
Surtout, en plus de la présentation de haute qualité du matériel, j'aime le style de présentation. Parce que Néanmoins, nous étudions les matériaux nous-mêmes, donc de nombreux points doivent être revus plusieurs fois. J'aime que le cours ait une structure de leçons claire, je sais immédiatement quelle leçon je dois répéter pour clarifier n'importe quelle question. J'étudie les enregistrements pendant plusieurs heures et ne me lasse pas d'écouter : la voix des auteurs du cours est agréable, calme et pas précipitée. C'est très important pour moi.
Je souhaite vraiment que mon avis aide de nombreuses personnes qui sont en quête d'elles-mêmes, qui choisissent une nouvelle direction d'activité, ou qui choisissent simplement un cours pour améliorer leurs compétences.
De l'auteur : Bonjour les amis ! Comme les gens, les sites Web ont leur propre squelette, visible dans leur code. Il est peu probable qu'un utilisateur ordinaire, lorsqu'il « parcourt » Internet, regarde le code HTML. Mais pas les maquettistes : ils sont toujours intéressés par le travail des autres. Il existe tout un art pour créer un code soigné, équilibré et fonctionnant sur tous les navigateurs. Aujourd'hui, nous allons vous expliquer comment le comprendre ou, en d'autres termes, comment apprendre rapidement et efficacement la mise en page d'une page Web.
Où commence la mise en page ?
La mise en page du site Web est une description de son composant visuel à l'aide du code du programme. Dans le même temps, le site doit s'afficher et fonctionner correctement sur n'importe quel navigateur (être compatible avec tous les navigateurs). Apprendre à concevoir des sites Web à partir de zéro devrait commencer par auto-création Mise en page PSD, même si, en théorie, elle devrait être créée par un concepteur de sites Web.
La tâche principale d'un maquettiste est de traiter le matériel qui lui parvient sous forme de textes, d'images, de catalogues, etc., et de le transformer en pages Web basées sur la conception Web approuvée.
Cependant, imaginez que vous êtes une sorte de concepteur de mise en page « 2 en un » et que, pour une raison quelconque, vous deviez mettre en page la mise en page au lieu d'un concepteur qui ne se soucie pas de vos problèmes.
Afin d'apprendre rapidement à dessiner des mises en page, aussi trivial que cela puisse paraître, il vous suffit de les dessiner beaucoup. Cela vous aidera également beaucoup à regarder sans cesse le travail des autres. En même temps, faites attention à tous les petits détails, aux couleurs, dégradés, polices, retraits, etc.
Au fil du temps, vous commencerez à ressentir par vous-même ce qui est beau et ce qui ne l’est pas. Au tout début, vous pouvez simplement prendre et copier, par exemple, les éléments d’interface d’autres personnes. Cela vous fera réfléchir à la manière dont ces éléments sont construits et de quoi ils sont constitués. Et puis beaux dessins cessera d’être quelque chose de mythique pour vous, car vous saurez créer quelque chose de similaire.
Outils pour créer une mise en page de site Web
Quant aux outils, de nombreux concepteurs de sites Web utilisent Adobe Photoshop. Avec ce programme, vous pouvez faire tout ce que vous voulez.
Il y a des gens qui travaillent uniquement avec graphiques vectoriels et utilisez Adobe Illustrator pour créer des mises en page.
Et un autre éditeur que je n'ai pas essayé, mais qui est considéré comme une alternative assez intéressante à celui ci-dessus, est Sketch, mais il ne fonctionne que sur Mac OS.
Rencontrons-nous - HTML
La prochaine étape après avoir dessiné la mise en page est sa mise en page et la création d'un modèle HTML. HTML est un langage utilisé pour baliser des documents sur Internet et est interprété par les navigateurs pour un affichage facile en tant que document.
À l'aide du balisage HTML, nous marquons où le texte, les images et les boutons apparaîtront sur une page Web et dans quel ordre ils apparaîtront les uns à côté des autres. Les principaux concepts de ce langage sont les balises, les attributs, les éléments et les entités.
La ressource Web la plus élémentaire n’est rien de plus qu’un ensemble de pages HTML. Si le site est statique, après la mise en page, vous recevrez effectivement sa version finale, et pas seulement un modèle. Bien entendu, de tels sites sont aujourd’hui très rares. Toutes les pages Web modernes sont générées dynamiquement, en utilisant une sorte de logique côté serveur, que vous écrivez vous-même ou que vous utilisez prête à l'emploi à l'aide d'une sorte de CMS (système de gestion de contenu).
Sans cette logique de serveur, la plupart des services en ligne que nous utilisons quotidiennement et auxquels nous sommes si habitués ne seraient pas possibles. Quant au HTML, c'est un langage tout à fait simple.
Sur RuNet, il existe un grand nombre de cours payants sur la conception de sites Web et d'autres supports avec une base de formation décente. À mon avis, apprendre cette langue par soi-même ne pose aucun problème.
S'améliorer - CSS
Une fois que tu as compris Les bases du HTML, vous pouvez immédiatement commencer à apprendre les CSS (feuilles de style en cascade), qui vous permettent de définir les polices, les couleurs et l'emplacement des blocs individuels du site Web.
Sur CSS, je peux en recommander un bon qui vous aidera à bâtir une carrière de concepteur de mise en page même si vous n'avez aucune connaissance de base en conception et en mise en page Web.
Cependant, je tiens à vous prévenir que la formation pour devenir concepteur de sites Web n’est pas une tâche si facile. Il existe de nombreuses subtilités et nuances dans la mise en page. En général, pour que vous puissiez observer une mise en page et imaginer immédiatement la hiérarchie de ses éléments, comment ils peuvent être disposés exactement et utiliser quelles propriétés, tout cela nécessite beaucoup d'expérience pratique.
Est-il nécessaire d’apprendre toutes les balises, attributs et propriétés HTML/CSS ?
Il existe de nombreuses balises et attributs différents en HTML, ainsi que des propriétés en CSS qui peuvent avoir des significations différentes. Par conséquent, de nombreux débutants se posent la question : par où commencer pour concevoir un site Web et doivent-ils mémoriser toutes ces valeurs, balises et propriétés ?
Bien sûr, si vous avez une mémoire photographique unique, alors il ne vous sera pas difficile d'apprendre tout cela, et par la même occasion, les trois tomes de Guerre et Paix, par cœur. Sinon, il n’est pas nécessaire de mémoriser tous ces mots.
Au début, lorsque vous débutez avec CSS, vous examinerez toujours ce que fait chaque propriété et ce que fait chaque valeur de propriété. Au fil du temps, vous comprendrez ce que vous pouvez créer à l’aide de feuilles de style en cascade, et certaines de ces propriétés/valeurs resteront gravées dans votre tête. Eh bien, à moins que vous ne souffriez d’amnésie, bien sûr.
Il en va de même pour tous les langages, notamment JavaScript, PHP, etc. Tout ce que vous utilisez souvent sera mémorisé automatiquement. Vous trouverez dans l'annuaire tout ce que vous utilisez rarement, et il en existe un grand nombre sur Internet. Il n’y a rien de honteux à cela et, je vais vous confier un secret, tous les webmasters font ça.
Nous simplifions le processus de mise en page
Pour les cas où vous devez créer rapidement une sorte d'interface ou un prototype de site Web, il existe des frameworks CSS tels que Bootstrap. Il vous permet de devenir à la fois webmaster, programmeur Web et concepteur de mise en page sans connaissance des feuilles de style, des langages de programmation et du balisage hypertexte.
Une fois que vous maîtrisez bien CSS et commencez à créer quelque chose d'unique, vous n'aurez peut-être plus assez de flexibilité avec ce langage et vous souhaiterez utiliser une sorte de préprocesseur CSS. Les préprocesseurs sont supprimés du code Tout CSS déchets, rendez-les plus propres et plus logiques, augmentez le degré d'abstraction à l'aide de variables et d'autres « astuces ». Les préprocesseurs les plus populaires sont LESS, Sass et Stylus.
Voltige - JavaScript
Au fur et à mesure que vous suivez des cours de conception de sites Web plus avancés, vous rencontrerez des éléments JavaScript intégrés au HTML qui rendent les pages Web interactives. Si vous envisagez de faire du développement non seulement Back-end, mais également Front-end, vous devez alors connaître JavaScript à un très bon niveau.
Outre le langage lui-même, vous devez connaître toutes les infrastructures qui existent autour de lui (bibliothèques, frameworks, interfaces de navigateur, etc.). Cela peut vous prendre d'un an à l'infini pour maîtriser tous ces éléments (selon que vous avez ou non une vie personnelle).
Résumons-le
Ainsi, comme vous l'avez déjà compris, je l'espère, un maquettiste est un métier Internet très important et ancien, dont il dépend :
vitesse de chargement du site ;
l'adéquation de sa représentation dans différents navigateurs;
adaptabilité aux différents écrans personnalisés;
conformité aux normes HTML et aux exigences des moteurs de recherche.
C'est tout pour l'instant. N'oubliez pas de vous abonner aux actualités de notre blog pour ne pas manquer tout le plaisir d'apprendre à concevoir des sites Web à partir de zéro.
A bientôt, chers collègues et ceux qui se lancent tout juste dans ce chemin difficile mais très passionnant du développement web !
Salutations à tous ceux qui sont encore intéressés par ces articles, et en général par ce blog dans son ensemble :) Il se trouve que je n'ai pas écrit depuis très longtemps. Je ne trouverai pas d’excuses maintenant ; j’écrirai un article séparé à ce sujet un peu plus tard. Et maintenant, à la demande générale, « CSS from scratch : la première conférence ». Laissez-moi d'abord vous dire ce que vous apprendrez de cette conférence : « qu'est-ce que CSS ? », « à quoi ça sert ? », « comment l'utiliser ». ?"
Qu’est-ce que CSS ?
CSS est un langage de style chargé d'afficher les éléments, et pas seulement dans un document HTML (par exemple, CSS est utilisé lors de la définition des propriétés des éléments dans Qt). Vous vous souvenez des conférences ? Ainsi, si vous apprenez CSS au bon niveau, vous perdrez complètement le besoin d'utiliser des attributs supplémentaires pour les éléments. Au fait, puisque vous décidez d'apprendre CSS, ce serait bien de savoir qu'il s'agit d'une abréviation, et cela signifie Feuilles de style en cascade. CSS fait partie intégrante disposition des blocs, que j'ai mentionné dans la dernière conférence HTML from Scratch.
A quoi sert CSS ?
CSS est utilisé pour donner de la personnalité à la page, ou, plus généralement, au site. CSS permet d'optimiser la structure du site, de réduire le poids des pages, et facilitera également la modification de l'apparence du site (j'en donnerai tous les arguments et faits dans la prochaine conférence).
Comment utiliser CSS ?
Principales requêtes étranges : "Comment installer CSS ?", "Comment créer du CSS ?", détendez-vous, le CSS a été créé sans nous, et vous n'avez rien à installer :) Tout est plus simple qu'il n'y paraît. Prenons-le HTML simple page:
Tout est plus simple qu’il n’y paraît, n’est-ce pas ? Et tout cela parce que CSS est intégré dans tout navigateurs modernes. CSS est très simple et visuel, ce qui permet de s'y habituer rapidement et d'en tomber amoureux :)
Bac à sable
Léonid Yakubovitch 26 mai 2015 à 11h18Formation HTML/CSS/JS
- CSS
- HTML,
- Javascript
YouTube
- www.youtube.com/user/agragregra- Très chaîne intéressante, qui vous aidera à mieux créer des sites Web de complexité variable à partir de zéro ;
- www.youtube.com/user/ArtSorax- de nombreux matériels utiles pour les débutants. L'accent est mis sur CSS et JS ;
- www.youtube.com/user/WebMagistersRu- J'ai personnellement commencé à me familiariser avec l'environnement de développement Web grâce à ce canal. Tout est raconté dans un langage accessible et compréhensible, les bases, pour ainsi dire.
- www.youtube.com/user/loftblog- l'équipe LoftBlog interviewe des spécialistes et des développeurs informatiques en herbe et confirmés, et organise également des formations vidéo ;
- www.youtube.com/user/TheSWAT727- la chaîne vidéo contient des informations et du matériel de formation sur le développement Web en général, couvrant le Front-end, le Back-end, les critiques d'éditeurs de texte, etc. informations utiles pour les développeurs et designers débutants.
Ressources Internet
- htmlbook.ru est un sanctuaire pour les spécialistes débutants. Cette ressource contient une énorme quantité d'informations sous une forme + forum accessible et compréhensible. C'est là que je recommande de commencer à vous familiariser avec HTML/CSS ;
- webdesign-master.ru - un site éducatif pour une connaissance plus approfondie de la conception et de la mise en page Web ;
- learn.javascript.ru - le nom du site parle de lui-même. Je vous conseille de commencer à apprendre après vous être familiarisé avec les bases du HTML5/CSS3.
Services
- www.codecademy.com est un service en anglais où vous pouvez tester vos connaissances en pratique. Tout est intuitif, connaissance approfondie langue anglaise ne sera pas requis ;
- htmlacademy.ru est un service en langue russe où l'accent est mis sur la pratique + un peu de théorie. Une ressource, des cours et des devoirs très intéressants ;
- jsfiddle.net est pour ainsi dire un « bac à sable » pour les développeurs Web. Ici, vous pouvez coder en ligne et voir immédiatement le résultat. Le service vous aidera à signaler les erreurs ;
- validator.w3.org - ici vous pouvez vérifier la validité de votre code afin de corriger vos erreurs ou lacunes dans le code HTML ;
- jigsaw.w3.org/css-validator - un service similaire conçu pour vérifier la validité du code CSS.
Conclusion
Il y a beaucoup de choses utiles, correctes et informations nécessaires, mais n'est plus utile. Apprenez, pratiquez, écrivez du code.
Tags: Formation, matériel, sites Web, développement de sites Web
Il est assez stable, il n'est donc pas surprenant que le nombre de personnes souhaitant maîtriser ce métier augmente. De plus, à mon avis, c’est l’une des « voies d’accès à l’informatique » les plus simples. Bien qu'il soit important de comprendre que pour de bons résultats, vous devez devenir un pro - en plus d'avoir des connaissances, vous devez constamment systématiser et moderniser vos compétences, toujours être « sur la vague » et utiliser uniquement des méthodes modernes pertinentes.
Comme dans toute autre profession, l’apprentissage de la conception de sites Web commence à partir de zéro – avec des concepts et une théorie de base. Nous en parlerons aujourd'hui. En particulier, je considérerai super service utile Internet est difficile, ce que je recommande à 100% à tous les débutants.
Je ne sais pas s'il existe des domaines similaires dans les universités modernes, mais je pense que les universités spécialisées ont une prérogative dans ce domaine. cours en ligne ou auto-étude de l'aménagement. La première méthode propose une approche plus globale et sérieuse, mais la seconde est totalement gratuite. Compte tenu du développement des blogs thématiques et des chaînes vidéo, il n'y a désormais aucun problème pour trouver des informations.
Personnellement, j'ai commencé le mien avec des livres simples (et papier) sur HTML/CSS, puis il y a eu des années de formation et au fil du temps j'ai décidé de consolider/systématiser les connaissances à l'aide de quelques cours. Il y a vraiment beaucoup de choix, même si toutes les options n’en valent pas la peine. J'ai suivi une formation en ligne en mise en page au sein de la société Netology. Ils recrutent actuellement pour le prochain groupe.
L’avantage des cours est qu’ils permettent une acquisition de connaissances étape par étape et efficace à travers :
- des conférences informatives compilées par des experts de premier plan et des concepteurs de mise en page en exercice ;
- des exemples clairs et bien illustrés ;
- tâches pratiques pour consolider le matériel.
En particulier, chez Netology, tout se déroule sous forme de webinaires avec la possibilité de poser des questions. Il y a des devoirs, une thèse et un certificat de fin de formation. Bref, tout est sérieux. De telles fonctionnalités supplémentaires rendent les cours en ligne plus « rentables » et les coûts ne sont qu'un investissement pour vous-même.
En cas de doute, recherchez du matériel gratuit sur certains sites. En règle générale, vous pouvez obtenir quelques cours ou articles pédagogiques à titre de référence. Bien sûr, il existe des dizaines d’autres ressources Web éducatives auxquelles vous n’avez pas besoin de payer pour accéder.
Internet est difficile - service d'apprentissage de la mise en page
Enfin, passons au projet Interneting is Hard - le truc est en fait très cool ! Il s'agit d'un cours complet à part entière pour maîtriser HTML et CSS pour les débutants qui n'ont jamais essayé de comprendre en détail la structure des pages Web et leur développement. Si vous ne savez pas par où commencer pour apprendre la mise en page, venez ici à 100%.
Tout ce dont vous avez besoin pour commencer est de motivation et de connaissance de la langue anglaise. Il n'y aura aucun problème d'organisation - les développeurs ont élaboré quelque chose comme un « programme », qui comprend :
- 14 chapitres avec approfondissement progressif de la matière ;
- 284 exemples de code clairs ;
- tableaux et graphiques ;
- près de 43 000 mots ;
- technologies modernes (oui, il y a aussi Flexbox).
Caractéristiques et astuces du service
Le processus d'apprentissage de la mise en page HTML dans Interneting is Hard présente plusieurs avantages par rapport à d'autres projets similaires :
1. De beaux diagrammes illustrent les aspects difficiles d’un sujet, rendant les structures difficiles à comprendre claires et simples. Au lieu d’entasser dans votre tête un tas de concepts inconnus, il suffit de les visualiser de la manière la plus élémentaire, comme le font les auteurs du cours.
2. Le processus de formation implique toutes les techniques de mise en page modernes : typographie Web, HTML sémantique, création de design et d'illustrations adaptatives, ainsi que Flexbox. Ils aideront un débutant à devenir un spécialiste recherché, et un professionnel à rafraîchir ses connaissances ;
3. Des exemples illustratifs démontrent les concepts de base du matériel présenté à travers des scénarios spécifiques. Cela signifie que l’utilisateur n’a pas besoin de lire des « toiles » de texte sans fin. Cette approche conduit invariablement à l'ennui, qui conduit finalement à l'abandon de l'étude.
Tous les 2-3 paragraphes sont suivis de l'écriture du code et de la présentation de son fonctionnement. Donc futur spécialiste obtient sa première pratique dans les éditeurs de texte et la vérification des résultats dans un navigateur ;
4. Cette option la formation en conception de sites Web est entièrement gratuite. Lorsqu’ils commencent à apprendre le HTML, de nombreuses personnes hésitent encore à savoir si c’est vraiment ce qu’elles veulent faire. Et si les cours payants peuvent vous faire regretter l'argent perdu, alors Interneting is Hard vous donnera un maximum de connaissances sans demander un dollar en retour.
Sections pour l'apprentissage étape par étape de la mise en page
Comme je l'ai dit plus haut, le « curriculum » se compose de 14 blocs thématiques. Jetons-y un coup d'œil rapide :
- Introduction. Une partie introductive qui explique ce que sont HTML, CSS et . Il explique également les différences entre les frameworks et les langages, et montre également comment travailler avec éditeur de texte ATOME.
- Pages Web de base. Le deuxième chapitre illustre la structure d'une page Web de base. La structure HTML – le « squelette » du site – est démontrée ici. Le visiteur apprendra pourquoi les balises sont nécessaires, ce qu'elles sont et à quoi chacune d'elles est destinée.
- Liens et images. Connaissant les bases du design, la troisième section présentera à l'utilisateur l'organisation des images et la connexion des pages Web les unes aux autres.
- Bonjour CSS. Viennent ensuite les soi-disant feuilles de style. Ce concept inclut tout ce qui touche au design : police, couleur, emplacement, forme et taille du texte.
- Le modèle de boîte. Le cinquième chapitre du programme poursuit le thème du design, en parlant du modèle de contenu « bloc ». Les futurs maquettistes se familiarisent avec des éléments tels que les marges, les bordures, marges internes et le contenu du contenu.
- Sélecteurs CSS. Les cases sont suivies de sélecteurs - la base du CSS. À l'aide d'exemples de code dans l'éditeur, les créateurs de cours enseignent l'utilisation correcte des styles.
- Flotteurs. La septième partie développe ce que nous avons appris sur la gestion de la taille des blocs et des zones qui les entourent. Il est consacré à la notion de flux sur une page Web (Float) et décrit les nuances du travail avec la grille du site.
- Boîte flexible. Arrivé à l’équateur du cursus, vous êtes invité à vous familiariser avec Flexbox. Ce instrument moderne disposition qui donne contrôle total sur l'alignement, la direction, l'ordre et la taille des blocs. Au fait, récemment, j'ai parlé d'une chose encore plus cool.
- Positionnement avancé. Vient ensuite un matériel plus complexe - le positionnement avancé et ses principaux types : relatif, absolu et fixe. Cependant, je me souviens que dans les cours, nous avons étudié cette fonctionnalité avec Float et évidemment avant Flexbox.
- Conception réactive. La dixième section explique les bases et le rôle du responsive design sur un site Web. Maintenant, tu ne peux plus vivre sans lui.
- Images réactives. La leçon est consacrée aux images adaptatives, à leur mise à l'échelle, à leur direction et à la création de formats alternatifs à l'aide de fonctions spéciales.
- HTML sémantique. Le douzième chapitre revient à nouveau sur notions de base HTML, le révélant d'un point de vue sémantique. Ici, le lecteur est présenté aux éléments « sectionnels », aux nouvelles balises et à leurs applications.
- Formulaires. Dans l'avant-dernier paragraphe, le visiteur a la possibilité d'étudier la construction des formulaires et de ses éléments : listes déroulantes, menus, champs de texte, leur conception et l'envoi d'informations, par exemple via.
- Typographie Web. Le dernier tutoriel parle de la typographie Web moderne sur les sites Web - à propos apparence textes, titres, polices, etc. Dans mon autre blog, il y a une section sur la typographie Web où vous trouverez de nombreuses notes utiles sur le sujet.
Structure des leçons pour la disposition pédagogique
Afin d'apprécier la fonctionnalité et la commodité du service Interneting is Hard, je propose d'envisager la mise en œuvre de l'une de ses sous-sections. Prenons la deuxième leçon sur la création de pages Web de base.
Ce que j'aime personnellement :
- Tout le matériel est organisé par sous-titres. Le texte est présenté dans un langage accessible et ne nécessite pas une connaissance approfondie d'une terminologie complexe. Tout est court et précis - dans les meilleures traditions.
- Les points importants et complexes sont magnifiquement illustrés par des diagrammes.
- Pour faciliter la compréhension et les compétences pratiques, des exemples d'écriture de code sont donnés.
- Tout est aussi pratique que possible : dans le coin supérieur droit il y a un bouton pour revenir au menu, vous pouvez passer instantanément au sous-titre souhaité de la leçon (navigation à droite) et après la conférence vous pouvez ouvrir le chapitre suivant. Excellente convivialité.
Conclusions
Qu'est-ce que j'aime ? Interneting is Hard est actuellement l'un des meilleurs sites pour enseigner la mise en page à partir de zéro. Les auteurs du cours ont veillé à ce que les débutants qui n'ont jamais abordé HTML et CSS puissent comprendre les bases de la création de pages Web de manière simple et accessible. Les informations sont très bien structurées - progressivement, en 14 sections, vous franchirez le chemin d'un utilisateur novice à un maquettiste expérimenté. Bien sûr, cela est impossible sans la pratique et l’application des connaissances, mais en ce qui concerne la base théorique, c’est la meilleure solution. réunion complète informations que j'ai trouvées. Si vous souhaitez étudier avec des professeurs, consultez l’option de Netology, qui est également très bonne, même si elle est payante.
Si vous connaissez d'autres services intéressants pour étudier la mise en page de sites Web, envoyez des liens dans les commentaires.