1
00:00:00,270 --> 00:00:00,980
Nous saluons le retour.

2
00:00:01,000 --> 00:00:03,720
Dans cette vidéo je veux courir à travers le syllabus entier.

3
00:00:03,730 --> 00:00:10,210
Bien sûr, nous n'allons pas parler des choses en détail, mais je veux vous présenter tout ce dont nous allons parler.

4
00:00:10,320 --> 00:00:17,370
Et il ya un peu comme vous pouvez le voir, c'est un cours très long lot de matériel très complet pour commencer.

5
00:00:17,430 --> 00:00:20,020
Nous faisons nos cours de base qui est où vous êtes en ce moment.

6
00:00:20,100 --> 00:00:23,190
C'est certainement l'unité la moins importante de tout ce parcours.

7
00:00:23,200 --> 00:00:30,820
Il découvre des choses sur le syllabus et comment le cours fonctionne et vous donne quelques conseils et puis nous allons vraiment aller avec introduction à l'avant.

8
00:00:30,960 --> 00:00:38,130
Donc, nous parlons de ce que le développement de front-end est ce qui revient dans le développement est la façon dont ils sont différents ce que HDMI est ce que CSSA est ce javascript est.

9
00:00:38,190 --> 00:00:43,460
Mais vous n'écrivez pas encore beaucoup de code jusqu'à ce que cette unité quand nous parlons réellement vieilli lui.

10
00:00:43,710 --> 00:00:54,910
Donc, il ya deux unités sur chaque équipe, toutes les introductions et intermédiaires l'a sorti et puis une fois que vous avez terminé cela et passer à voir évaluer qui est la façon dont nous pouvons rendre les choses jolies, nous ajouter un peu de style.

11
00:00:55,080 --> 00:00:57,820
C'est là que les projets commencent à être un peu plus excitants.

12
00:00:57,960 --> 00:01:06,690
Avez-vous faire une galerie d'images pour le site de portfolio de photographie et nous avons aussi vous faire un site de blog donc aux unités sur CSSA intro et avancé.

13
00:01:06,720 --> 00:01:14,550
Nous parlons de choses comme les polices de typographie, y compris les polices personnalisées à l'aide de polices Google formes validations beaucoup de sujets.

14
00:01:14,670 --> 00:01:22,120
Ensuite, nous parlons de Bootstrap qui est un framework C S S et Javascript qui contribue à rendre agréable sites Web très rapidement et facilement.

15
00:01:22,320 --> 00:01:30,350
Et dans cette unité nous faisons quelques projets, y compris un site de portefeuille et une page de démarrage de démarrage ou une page d'accueil pour un démarrage.

16
00:01:30,540 --> 00:01:35,810
Ensuite, nous avons frappé javascript et c'est là que les choses à mon avis au moins commencent à devenir vraiment intéressant et passionnant.

17
00:01:35,820 --> 00:01:47,360
Nous commençons à parler de notre premier véritable langage de programmation javascript donc nous commençons par les bases et il ya beaucoup de choses à discuter avec javascript afin que vous puissiez voir à peu près prend d'ici jusqu'à la fin.

18
00:01:47,460 --> 00:01:54,260
Tout implique javascript et pour être juste Tout implique H-2 montures évaluer ainsi mais javascript devient le focus.

19
00:01:54,270 --> 00:01:59,130
C'est ainsi que nous commençons à faire des applications Web robustes et pas seulement des sites Web simples.

20
00:01:59,140 --> 00:02:01,270
Et je vais développer cette différence dans l'unité suivante.

21
00:02:01,470 --> 00:02:02,700
Mais continuons.

22
00:02:03,030 --> 00:02:04,330
Donc les emplois pour les bases.

23
00:02:04,350 --> 00:02:11,070
Ensuite, nous parlons de quelque chose appelé flux de contrôle qui est la façon dont nous ajoutons la logique de base dans nos applications avec des scripts Job.

24
00:02:11,340 --> 00:02:16,560
Et puis quelque chose appelé fonctions javascript arrays et objets à différentes structures de données.

25
00:02:16,920 --> 00:02:25,290
Et puis nous passons à mon sujet préféré qui est l'émulation dominante qui est la façon dont nous réellement interagir avec chaque équipe autour d'évaluer à l'aide de javascript.

26
00:02:25,290 --> 00:02:31,070
Ainsi, certains d'entre vous qui pourrait juste être un tas de mots aléatoires que vous n'avez jamais entendu dans votre vie ou que vous ne pouvez pas vraiment faire sens.

27
00:02:31,290 --> 00:02:33,800
Fondamentalement, c'est comment nous commençons à rendre les choses passionnantes.

28
00:02:33,840 --> 00:02:39,930
Quand je clique sur une page, quelque chose arrive, nous pouvons commencer à changer les couleurs animant les choses qui bougent sur l'écran.

29
00:02:39,930 --> 00:02:41,870
C'est très visuel et amusant.

30
00:02:42,000 --> 00:02:47,430
Ensuite, nous avons une autre unité sur les événements Dom qui est une autre manipulation stupide sur laquelle nous pouvons nous concentrer.

31
00:02:47,700 --> 00:02:53,390
Et puis nous avons un projet de jeu de couleur qui est un jeu substantiel et assez complexe que nous faisons ensemble.

32
00:02:53,520 --> 00:02:56,360
C'est une unité entière, c'est huit ou neuf vidéos qui créent ce jeu.

33
00:02:56,370 --> 00:02:58,610
C'est donc un joli projet légitime.

34
00:02:58,770 --> 00:03:12,770
Et puis nous passons à une très populaire bibliothèque appelée Jay Querrey et nous nous concentrons sur l'avant trois unités d'introduction à Jay Querrey requête avancée Jay et puis nous construisons un très agréable à la recherche répondre à faire ce projet ensemble afin que Sokoto ainsi.

35
00:03:12,820 --> 00:03:15,970
C'est une unité entière de sept ou huit vidéos là aussi.

36
00:03:16,380 --> 00:03:29,370
Et puis nous avons un grand commutateur de sorte que tout jusqu'à ce point, à l'exclusion de l'unité de base premier cours parle de développement web front end que nous parlons de ce que cela signifie et ce que les différences avant et arrière et pleine pile.

37
00:03:29,370 --> 00:03:31,220
Tout ça dans l'unité suivante.

38
00:03:31,650 --> 00:03:34,670
Mais je vais juste signaler que c'est tout le front-end.

39
00:03:34,950 --> 00:03:37,420
C'est tout.

40
00:03:37,890 --> 00:03:41,140
Donc, ici, il ya une grande ligne où les choses changent.

41
00:03:41,250 --> 00:03:46,790
Donc, nous avons déménagé et nous commençons par parler de la base tout comme nous l'avons fait paraître devant.

42
00:03:46,800 --> 00:03:50,370
Alors, quel est le dos et quelles sont les différentes choses qui sont impliqués.

43
00:03:50,460 --> 00:04:00,120
Nous avons parlé que nous avions quelques diagrammes que nous dessiner certaines choses et je vous montrer quelques exemples de sites et comment le back-end est mis en place sur certains sites Web populaires et puis nous parlons de la ligne de commande.

44
00:04:00,150 --> 00:04:02,670
Comment naviguer à travers la ligne de commande ou le terminal.

45
00:04:02,670 --> 00:04:04,560
Quelles sont les différentes commandes que vous entrez.

46
00:04:04,560 --> 00:04:07,640
Définitivement la chose la plus tacker regardant que nous couvrons.

47
00:04:07,740 --> 00:04:13,520
Si vous avez déjà vu comme une scène de pirates stéréotypés dans un film, ils sont généralement dactylographier des choses dans la ligne de commande.

48
00:04:13,560 --> 00:04:17,030
Nous allons donc en parler et utiliser cela pour le reste du cours.

49
00:04:17,190 --> 00:04:20,640
Ensuite, nous ne parlons pas de G-S et c'est une introduction au non.

50
00:04:20,670 --> 00:04:21,370
Oui.

51
00:04:21,510 --> 00:04:31,710
Et puis une introduction à exprimer qui est un cadre de noeud que nous allons utiliser à nouveau et non, ce n'est qu'un tas de mots, mais c'est un cadre de noeud sera d'utiliser pour créer nos applications Web.

52
00:04:31,890 --> 00:04:34,620
Et nous continuons avec ces deux choses pour le reste du cours.

53
00:04:34,830 --> 00:04:40,590
Alors, nous parlons d'intermedia exprimer essentiellement quelques sujets plus avancés et puis nous arrivons à quelque chose de différent.

54
00:04:40,830 --> 00:04:57,050
Les bases de camp de Yo et vous remarquerez qu'il ya quelques exemples différents de Yotam les bases d'UPCAT vous connaissez la persistance de données de camp vous connaissez les commentaires de camp que vous avez le camp ajoutant l'art et vous savez le nettoyage de camp et vous savez le camp commence certainement à sembler bizarre après que vous répétez Il suffisamment de fois.

55
00:04:57,230 --> 00:05:02,760
Mais ce que c'est, c'est une application complexe que nous créons ensemble et c'est celle que nous continuons de revisiter.

56
00:05:02,760 --> 00:05:16,730
Donc, plutôt que d'un seul petit projet où il est vraiment difficile d'obtenir quelque chose de substantiel avec une seule unité ou juste quelques vidéos, c'est un grand projet que nous revenons sans cesse et ne vous inquiétez pas, nous avons beaucoup de petits projets plus courts.

57
00:05:16,730 --> 00:05:26,890
Je suis un croyant très fort que vous devriez commencer par voir une petite instance de quelque chose travaillant à faire un petit projet et ensuite l'appliquer à quelque chose de gros afin que vous obtenez les deux extrémités à ce spectre.

58
00:05:26,960 --> 00:05:34,130
Vous n'êtes pas seulement jeté dans l'extrémité profonde immédiatement faire un projet énorme, mais vous êtes également pas coincé faire ces jouets minuscules pour votre cours entier.

59
00:05:34,160 --> 00:05:39,680
Je veux que vous ayez quelque chose dont vous pouvez être fier et quelque chose qui est vraiment très complexe à la fin du cours.

60
00:05:39,740 --> 00:05:52,070
Donc yo camp est un clone yelp comme clone pour les terrains de camping et les activités de plein air afin que vous puissiez créer des terrains de camping ont des photos laisser des commentaires toutes sortes de choses amusantes log dans l'authentification.

61
00:05:52,070 --> 00:05:57,650
Nous avons parlé de l'autorisation et chaque fois que nous apprenons une nouvelle fonctionnalité, nous allons ajouter dans UPCAT.

62
00:05:58,190 --> 00:06:00,020
Donc nous commençons là, vous connaissez les bases du camp.

63
00:06:00,020 --> 00:06:04,170
C'est la première fois que nous voyons l'application et nous avons mis en place la structure très fondamentale.

64
00:06:04,370 --> 00:06:23,870
Ensuite, nous parlons de bases de données et nous parlons de Mongo DB qui est la base de données particulière que nous allons utiliser et nous faisons un petit projet là et puis nous retournons au camp et ajouter dans Mangu DB de sorte que nous avons maintenant une base de données connectée à Brokamp Et puis nous parlons d'un sujet vraiment important appelé routage reposant.

65
00:06:23,900 --> 00:06:42,470
Il s'agit d'une architecture, c'est une façon de planifier nos applications un modèle que nous suivons appelé reste et nous construisons une application blog agréable en utilisant des itinéraires reposant et un nouveau framework javascript CSSA appelé interface utilisateur sémantique qui est similaire à bootstrap que nous apprenons plus tôt dans le cours ici.

66
00:06:43,000 --> 00:06:46,240
Et l'idée est juste de vous exposer à une autre technologie.

67
00:06:46,250 --> 00:06:47,920
Un autre cadre populaire.

68
00:06:48,050 --> 00:06:52,280
Espérons que vous commencez à voir certaines des similitudes et de tirer des comparaisons là-bas.

69
00:06:52,430 --> 00:06:56,400
Ensuite, nous passons à l'une des plus importantes associations Unix Database.

70
00:06:56,420 --> 00:07:07,740
Alors, comment avons-nous plusieurs choses dans notre base de données qui sont connectés comme les utilisateurs et les commentaires ou les billets de blog et les commentaires et les balises et les votes et comment sont-ils tous interreliés et connectés les uns aux autres.

71
00:07:08,300 --> 00:07:11,620
Et puis nous retournons au camp et nous ajoutons dans les commentaires.

72
00:07:11,660 --> 00:07:24,140
Alors nous allons apprendre sur les associations de base de données dans un petit projet et ensuite nous avons ajouté dans l'UPCAT puis nous passons à l'authentification de l'utilisateur se connecter en signant la signature et le verrouillage dans tout cela.

73
00:07:24,200 --> 00:07:25,650
Utilisation d'un outil appelé passeport.

74
00:07:25,690 --> 00:07:28,700
Oui et nous ajoutons cela dans notre propre application.

75
00:07:28,700 --> 00:07:42,390
Nous faisons une application avec log dans une petite application et puis juste comme avant de nous retourner à votre camp et nous ajoutons dans l'authentification de sorte que vous devez maintenant vous connecter et déconnecter pour utiliser l'UPCAT ou au moins d'utiliser certaines fonctionnalités.

76
00:07:42,680 --> 00:07:58,660
Et puis nous avons une autre unité de notre camp où à ce point, nous avons couvert tellement que nous avons besoin de revenir et de nettoyer certaines choses jusqu'à refactor qui signifie essentiellement déplacer quelque code autour de réécrire un code de sorte qu'il est plus propre plus court plus modulaire de sorte que vous Je verrai exactement ce que je veux dire dans cette unité.

77
00:07:58,750 --> 00:08:10,470
Mais il est consacré à la réorganisation de cette grande application, car à ce moment-là, il est devenu très grand et puis nous parlons d'autorisation qui est un autre sujet important qui est essentiellement les permissions des utilisateurs.

78
00:08:10,630 --> 00:08:13,530
Différents niveaux de choses que les utilisateurs sont autorisés à faire.

79
00:08:13,580 --> 00:08:16,580
Ainsi, l'authentification permet aux utilisateurs de se connecter.

80
00:08:16,700 --> 00:08:30,790
L'autorisation est de m'assurer que lorsque je suis connecté, je ne peux supprimer que les photos qui m'appartiennent ou modifier les commentaires que j'ai créés, je ne peux pas vis avec les commentaires de quelqu'un d'autre ou de quelqu'un d'autre à moins que j'ai la permission de le faire.

81
00:08:30,880 --> 00:08:32,180
Nous parlons donc de la façon dont cela fonctionne.

82
00:08:32,300 --> 00:08:33,970
Et nous avons ajouté dans notre camp.

83
00:08:34,190 --> 00:08:37,700
Il ya certainement beaucoup de choses que nous couvrons beaucoup de technologies.

84
00:08:37,750 --> 00:08:42,740
Mais le point essentiel est que nous passons par là dans un ordre très logique et bien pensé.

85
00:08:42,760 --> 00:08:48,260
J'ai enseigné toutes ces technologies à plusieurs reprises à des classes différentes classes différents étudiants.

86
00:08:48,250 --> 00:08:53,330
Il est beaucoup moins intimidant qu'il pourrait sembler que vous n'avez pas à penser à l'avance tout le temps.

87
00:08:53,480 --> 00:08:58,690
Mais ce que je vais faire plutôt que d'aller tout droit et juste faire une unité à la fois.

88
00:08:58,850 --> 00:09:04,560
Nous avons certaines conférences qui sont facultatives ces leçons qui regardent en avant et en regardant en arrière.

89
00:09:04,580 --> 00:09:14,160
Donc, à certains moments du cours, je vais prendre un moment pour dire ce que nous avons couvert ici où aller pour que vous puissiez commencer à avoir une carte mentale de l'endroit où nous sommes.

90
00:09:14,180 --> 00:09:20,200
Souvent, j'ai constaté que les étudiants se perdent parfois et ils n'ont pas une vision d'image grande dans leur tête de l'endroit où ils sont.

91
00:09:20,270 --> 00:09:23,440
Ils ont juste baissé la tête et se concentrer sur ce qui est immédiatement en face d'eux.

92
00:09:23,720 --> 00:09:32,260
C'est important, mais il est également important de trouver de l'air de temps en temps et de nous dire où nous en sommes et combien il nous reste encore à parcourir.

93
00:09:32,300 --> 00:09:32,640
D'ACCORD.

94
00:09:32,650 --> 00:09:36,550
Donc, il ya beaucoup de matériel vraiment excitant beaucoup de projets amusants si nous arrivons à.