├── .gitignore ├── Chinese ├── section01 │ └── course-overview.vtt ├── section02 │ ├── breaking-googlegenerated_edit.vtt │ ├── browsing-the-webgenerated_edit.vtt │ ├── developer-fundamentals-igenerated_edit.vtt │ ├── the-internet-backbonegenerated_edit.vtt │ ├── traceroutegenerated_edit.vtt │ └── what-does-a-developer-dogenerated_edit.vtt └── section03 │ ├── developer-fundamentals-ii_edit.vtt │ ├── developer-history_edit.vtt │ ├── html-css-javascript_edit.vtt │ └── www-vs-internetgenerated_edit.vtt ├── English ├── section01 │ └── course-outline_edit.vtt ├── section02 │ ├── breaking-googlegenerated_edit.vtt │ ├── browsing-the-webgenerated_edit.vtt │ ├── developer-fundamentals-igenerated_edit.vtt │ ├── the-internet-backbonegenerated_edit.vtt │ ├── traceroutegenerated_edit.vtt │ └── what-does-a-developer-dogenerated_edit.vtt ├── section03 │ ├── developer-fundamentals-ii_edit.vtt │ ├── developer-history_edit.vtt │ ├── html-css-javascript_edit.vtt │ └── www-vs-internetgenerated_edit.vtt ├── section04 │ ├── anchor-tag_edit.vtt │ ├── build-your-first-website_edit.vtt │ ├── developer-fundamentals-iii_edit.vtt │ ├── html-tags-2_edit.vtt │ ├── html-tags_edit.vtt │ ├── qa-indexhtml_edit.vtt │ ├── qa-relative-vs-absolute-path_edit.vtt │ └── self-closing-html-tags_edit.vtt ├── section05 │ ├── copy-a-website_edit.vtt │ ├── html-challenge_edit.vtt │ ├── html-forms-2autogenerated.vtt │ ├── html-forms_edit.vtt │ ├── html-tags-3autogenerated.vtt │ ├── html-vs-html-5autogenerated.vtt │ └── submitting-a-formautogenerated.vtt ├── section06 │ ├── box-model_edit.vtt │ ├── css-properties_edit.vtt │ ├── css-selectors_edit.vtt │ ├── images-in-css_edit.vtt │ ├── px-vs-em-vs-rem_edit.vtt │ ├── text-and-font_edit.vtt │ └── your-first-css_edit.vtt ├── section07 │ ├── critical-render-path_edit.vtt │ ├── css-3_edit.vtt │ ├── exercise-robot-animation_edit.vtt │ ├── flexbox_edit.vtt │ └── responsive-ui_edit.vtt ├── section08 │ ├── bootstrap-4-grid_edit.vtt │ ├── bootstrap-4_edit.vtt │ ├── bootstrap-introduction_edit.vtt │ ├── developer-fundamentals-iv_edit.vtt │ ├── exercise-adding-email-subscribe-form-with-mailchimp_edit.vtt │ ├── exercise-putting-your-website-online-2_edit.vtt │ ├── exercise-putting-your-website-online_edit.vtt │ ├── exercise-startup-landing-page-2_edit.vtt │ ├── exercise-startup-landing-page-3_edit.vtt │ ├── exercise-startup-landing-page-4_edit.vtt │ ├── exercise-startup-landing-page-5_edit.vtt │ ├── exercise-startup-landing-page_edit.vtt │ └── using-templates_edit.vtt ├── section09 │ ├── a-quick-note-on-css_edit.vtt │ ├── css-grid-1_edit.vtt │ ├── css-grid-2_edit.vtt │ ├── css-grid-3_edit.vtt │ ├── css-grid-4_edit.vtt │ ├── css-grid-5_edit.vtt │ ├── css-grid-vs-flexbox-vs-bootstrap_edit.vtt │ ├── exercise-css-layout_edit.vtt │ ├── section-overview_edit.vtt │ ├── solution-cover_edit.vtt │ ├── solution-navigation-bar-2_edit.vtt │ ├── solution-navigation-bar_edit.vtt │ ├── solution-prettify_edit.vtt │ └── solution-project-grid-footer_edit.vtt ├── section10 │ ├── career-of-a-web-developer_edit.vtt │ ├── new-developer-fundamentals-vi_edit.vtt │ └── what-if-i-dont-have-enough-experienceautogenerated.vtt ├── section11 │ ├── control-flow_edit.vtt │ ├── data-structures-arrays_edit.vtt │ ├── data-structures-objects_edit.vtt │ ├── exercise-build-facebook-2_edit.vtt │ ├── exercise-build-facebook_edit.vtt │ ├── functions_edit.vtt │ ├── introduction-to-javascript_edit.vtt │ ├── javascript-keywords_edit.vtt │ ├── javascript-on-our-webpage_edit.vtt │ ├── javascript-terminology_edit.vtt │ ├── loops_edit.vtt │ ├── variables_edit.vtt │ ├── what-is-javascript_edit.vtt │ └── your-first-javascript_edit.vtt ├── section12 │ ├── developer-fundamentals-v_edit.vtt │ ├── document-object-model_edit.vtt │ ├── dom-events_edit.vtt │ ├── dom-selectors_edit.vtt │ ├── exercise-background-generator_edit.vtt │ └── jquery_edit.vtt ├── section13 │ ├── advanced-arrays_edit.vtt │ ├── advanced-control-flow_edit.vtt │ ├── advanced-functions_edit.vtt │ ├── advanced-loopsautogenerated.vtt │ ├── advanced-objects_edit.vtt │ ├── debugging_edit.vtt │ ├── es10-es2019autogenerated.vtt │ ├── es5-and-es6_edit.vtt │ ├── modules_edit.vtt │ ├── new-es7_edit.vtt │ ├── new-es8_edit.vtt │ ├── new-how-javascript-works_edit.vtt │ ├── pass-by-value-vs-pass-by-referenceautogenerated.vtt │ ├── scope_edit.vtt │ └── type-coercionautogenerated.vtt ├── section14 │ └── using-the-terminal_edit.vtt ├── section15 │ ├── sublime-text-3_edit.vtt │ ├── terminalautogenerated.vtt │ └── vs-codeautogenerated.vtt ├── section16 │ ├── contributing-to-open-source-2autogenerated.vtt │ ├── contributing-to-open-sourceautogenerated.vtt │ ├── git-github-part-1_edit.vtt │ └── git-github-part-2_edit.vtt ├── section17 │ └── a-typical-dayautogenerated.vtt ├── section18 │ ├── create-a-portfolioautogenerated.vtt │ ├── installing-and-using-packagesautogenerated.vtt │ ├── introduction-to-npmautogenerated.vtt │ ├── setting-up-npm-and-packagejsonautogenerated.vtt │ ├── update-latest-nodejs-and-npmautogenerated.vtt │ └── why-update-packagesautogenerated.vtt ├── section19 │ ├── building-a-react-app-1_edit.vtt │ ├── building-a-react-app-2_edit.vtt │ ├── building-a-react-app-3_edit.vtt │ ├── building-a-react-app-4_edit.vtt │ ├── building-a-react-app-5_edit.vtt │ ├── building-a-react-app-6_edit.vtt │ ├── create-react-app-2autogenerated.vtt │ ├── create-react-app-3autogenerated.vtt │ ├── create-react-app_edit.vtt │ ├── deploying-our-react-appautogenerated.vtt │ ├── error-boundary-in-react_edit.vtt │ ├── installing-redux_edit.vtt │ ├── introduction-to-reactjs_edit.vtt │ ├── keeping-your-projects-up-to-dateautogenerated.vtt │ ├── popular-tool-for-react-redux_edit.vtt │ ├── quick-note-class-vs-functional-appjsautogenerated.vtt │ ├── react-review_edit.vtt │ ├── redux-actions-and-reducers_edit.vtt │ ├── redux-async-actions_edit.vtt │ ├── redux-connect_edit.vtt │ ├── redux-middleware_edit.vtt │ ├── redux-project-structures_edit.vtt │ ├── redux-store-and-provider_edit.vtt │ ├── state-management_edit.vtt │ ├── styling-your-react-app_edit.vtt │ ├── why-redux_edit.vtt │ └── your-first-react-component_edit.vtt ├── section20 │ ├── ajax_edit.vtt │ ├── es9-es2018-asyncautogenerated.vtt │ ├── es9-es2018autogenerated.vtt │ ├── https_edit.vtt │ ├── json_edit.vtt │ ├── new-es8-async-await_edit.vtt │ └── new-promises_edit.vtt ├── section21 │ └── backend-basics_edit.vtt ├── section22 │ └── introduction-to-apis_edit.vtt ├── section23 │ ├── building-our-components_edit.vtt │ ├── face-detection-box_edit.vtt │ ├── image-recognition-api_edit.vtt │ ├── sign-in-form-and-routing_edit.vtt │ └── what-we-are-building_edit.vtt ├── section24 │ ├── building-a-server_edit.vtt │ ├── exercise-santas-node-helper_edit.vtt │ ├── express-middleware_edit.vtt │ ├── introduction-to-expressjs_edit.vtt │ ├── introduction-to-nodejs_edit.vtt │ ├── modules-in-node_edit.vtt │ ├── node-file-system-module_edit.vtt │ ├── postman_edit.vtt │ ├── restful-apis_edit.vtt │ ├── running-scriptjs-in-node_edit.vtt │ ├── solution-santas-node-helper_edit.vtt │ └── types-of-modules_edit.vtt ├── section25 │ ├── connecting-to-our-front-end_edit.vtt │ ├── profileid-and-image_edit.vtt │ ├── quick-note-bcryptautogenerated.vtt │ ├── registering-users_edit.vtt │ ├── setting-up-our-server_edit.vtt │ ├── signin-and-register_edit.vtt │ ├── storing-user-passwords_edit.vtt │ └── user-profile-update_edit.vtt ├── section26 │ ├── installing-postgresql_edit.vtt │ ├── introduction-to-databases_edit.vtt │ ├── joining-tables-part-1_edit.vtt │ ├── joining-tables-part-2_edit.vtt │ ├── sql-alter-table-update_edit.vtt │ ├── sql-conditional-selections_edit.vtt │ ├── sql-create-table_edit.vtt │ ├── sql-delete-from-drop-table_edit.vtt │ ├── sql-functions_edit.vtt │ └── sql-insert-into-select_edit.vtt ├── section27 │ ├── connecting-to-the-database_edit.vtt │ ├── getting-user-profiles_edit.vtt │ ├── putting-it-all-together_edit.vtt │ ├── registering-a-user-part-1_edit.vtt │ ├── registering-a-user-part-2_edit.vtt │ ├── setting-up-your-database_edit.vtt │ ├── sign-in_edit.vtt │ ├── updating-entries_edit.vtt │ └── whats-next_edit.vtt ├── section28 │ ├── code-reviewautogenerated.vtt │ ├── deploying-on-herokuautogenerated.vtt │ ├── deploying-to-heroku-part-2autogenerated.vtt │ ├── deploying-to-heroku-part-3autogenerated.vtt │ ├── deploying-to-heroku-part-4autogenerated.vtt │ ├── environmental-variablesautogenerated.vtt │ └── security-reviewautogenerated.vtt ├── section30 │ ├── ama-100000-studentsautogenerated.vtt │ └── ask-me-anything-edited.vtt └── section31 │ ├── installing-git-for-windowsautogenerated.vtt │ ├── installing-nodejs-for-windowsautogenerated.vtt │ ├── installing-postgresql-for-windowsautogenerated.vtt │ ├── introduction-from-wolfgangautogenerated.vtt │ └── set-up-postgressql-for-cmd-using-pgadminautogenerated.vtt ├── German ├── section01 │ ├── course-overviewautogenerated-de.vtt │ └── why-this-course-2autogenerated-de.vtt ├── section02 │ ├── breaking-googlegenerated_edit-de.vtt │ ├── browsing-the-webgenerated_edit-de.vtt │ ├── developer-fundamentals-igenerated_edit-de.vtt │ ├── the-internet-backbonegenerated_edit-de.vtt │ ├── traceroutegenerated_edit-de.vtt │ └── what-does-a-developer-dogenerated_edit-de.vtt ├── section03 │ ├── developer-fundamentals-ii_edit-de.vtt │ ├── developer-history_edit-de.vtt │ ├── html-css-javascript_edit-de.vtt │ └── www-vs-internet_edit-de.vtt ├── section04 │ ├── anchor-tag_edit-de.vtt │ ├── build-your-first-website_edit-de.vtt │ ├── developer-fundamentals-iii_edit-de.vtt │ ├── html-tags-2_edit-de.vtt │ ├── html-tags_edit-de.vtt │ ├── qa-indexhtml_edit-de.vtt │ ├── qa-relative-vs-absolute-path_edit-de.vtt │ └── self-closing-html-tags_edit-de.vtt ├── section05 │ ├── copy-a-website_edit-de.vtt │ ├── html-challenge_edit-de.vtt │ ├── html-forms-2autogenerated-de.vtt │ ├── html-forms_edit-de.vtt │ ├── html-tags-3autogenerated-de.vtt │ ├── html-vs-html-5autogenerated-de.vtt │ └── submitting-a-formautogenerated-de.vtt ├── section06 │ ├── box-model_edit-de.vtt │ ├── css-properties_edit-de.vtt │ ├── css-selectors_edit-de.vtt │ ├── images-in-css_edit-de.vtt │ ├── px-vs-em-vs-rem_edit-de.vtt │ ├── text-and-font_edit-de.vtt │ └── your-first-css_edit-de.vtt ├── section07 │ ├── critical-render-path_edit-de.vtt │ ├── css-3_edit-de.vtt │ ├── exercise-robot-animation_edit-de.vtt │ ├── flexbox_edit-de.vtt │ └── responsive-ui_edit-de.vtt ├── section08 │ ├── a-quick-note-on-cssautogenerated-de.vtt │ ├── bootstrap-4-grid_edit-de.vtt │ ├── bootstrap-4_edit-de.vtt │ ├── bootstrap-introduction_edit-de.vtt │ ├── developer-fundamentals-iv_edit-de.vtt │ ├── exercise-adding-email-subscribe-form-with-mailchimp_edit-de.vtt │ ├── exercise-finishing-up-the-landing-page_edit-de.vtt │ ├── exercise-putting-your-website-online_edit-de.vtt │ └── exercise-startup-landing-page_edit-de.vtt ├── section09 │ ├── career-of-a-web-developer_edit-de.vtt │ └── new-developer-fundamentals-vi_edit-de.vtt ├── section10 │ ├── control-flow_edit-de.vtt │ ├── data-structures-arrays_edit-de.vtt │ ├── data-structures-objects_edit-de.vtt │ ├── exercise-build-facebook-2_edit-de.vtt │ ├── exercise-build-facebook_edit-de.vtt │ ├── functions_edit-de.vtt │ ├── introduction-to-javascript_edit-de.vtt │ ├── javascript-keywords_edit-de.vtt │ ├── javascript-on-our-webpage_edit-de.vtt │ ├── javascript-terminology_edit-de.vtt │ ├── loops_edit-de.vtt │ ├── variables_edit-de.vtt │ ├── what-is-javascript_edit-de.vtt │ └── your-first-javascript_edit-de.vtt ├── section11 │ ├── developer-fundamentals-v_edit-de.vtt │ ├── document-object-model_edit-de.vtt │ ├── dom-events_edit-de.vtt │ ├── dom-selectors_edit-de.vtt │ ├── exercise-background-generator_edit-de.vtt │ └── jquery_edit-de.vtt ├── section12 │ ├── advanced-arrays_edit-de.vtt │ ├── advanced-control-flow_edit-de.vtt │ ├── advanced-functions_edit-de.vtt │ ├── advanced-objects_edit-de.vtt │ ├── debugging_edit-de.vtt │ ├── es5-and-es6_edit-de.vtt │ ├── modules_edit-de.vtt │ ├── new-es7_edit-de.vtt │ ├── new-es8_edit-de.vtt │ ├── new-how-javascript-works_edit-de.vtt │ └── scope_edit-de.vtt ├── section13 │ └── using-the-terminal_edit-de.vtt ├── section14 │ ├── sublime-text-3_edit-de.vtt │ └── terminalautogenerated-de.vtt ├── section15 │ ├── git-github-part-1_edit-de.vtt │ ├── git-github-part-2_edit-de.vtt │ └── new-contributing-to-open-source_edit-de.vtt ├── section16 │ └── a-typical-dayautogenerated-de.vtt ├── section17 │ ├── installing-and-using-packagesautogenerated-de.vtt │ ├── introduction-to-npmautogenerated-de.vtt │ └── setting-up-npm-and-packagejsonautogenerated-de.vtt ├── section18 │ ├── building-a-react-app-1_edit-de.vtt │ ├── building-a-react-app-2_edit-de.vtt │ ├── building-a-react-app-3_edit-de.vtt │ ├── building-a-react-app-4_edit-de.vtt │ ├── building-a-react-app-5_edit-de.vtt │ ├── building-a-react-app-6_edit-de.vtt │ ├── create-react-app_edit-de.vtt │ ├── error-boundary-in-react_edit-de.vtt │ ├── installing-redux_edit-de.vtt │ ├── introduction-to-reactjs_edit-de.vtt │ ├── popular-tool-for-react-redux_edit-de.vtt │ ├── react-review_edit-de.vtt │ ├── redux-actions-and-reducers_edit-de.vtt │ ├── redux-async-actions_edit-de.vtt │ ├── redux-connect_edit-de.vtt │ ├── redux-middleware_edit-de.vtt │ ├── redux-project-structures_edit-de.vtt │ ├── redux-store-and-provider_edit-de.vtt │ ├── state-management_edit-de.vtt │ ├── styling-your-react-app_edit-de.vtt │ ├── why-redux_edit-de.vtt │ └── your-first-react-component_edit-de.vtt ├── section19 │ ├── ajax_edit-de.vtt │ ├── https_edit-de.vtt │ ├── json_edit-de.vtt │ ├── new-es8-async-await_edit-de.vtt │ └── new-promises_edit-de.vtt ├── section20 │ └── backend-basics_edit-de.vtt ├── section21 │ └── introduction-to-apis_edit-de.vtt ├── section22 │ ├── building-our-components_edit-de.vtt │ ├── face-detection-box_edit-de.vtt │ ├── image-recognition-api_edit-de.vtt │ ├── sign-in-form-and-routing_edit-de.vtt │ └── what-we-are-building_edit-de.vtt ├── section23 │ ├── building-a-server_edit-de.vtt │ ├── exercise-santas-node-helper_edit-de.vtt │ ├── express-middleware_edit-de.vtt │ ├── introduction-to-expressjs_edit-de.vtt │ ├── introduction-to-nodejs_edit-de.vtt │ ├── modules-in-node_edit-de.vtt │ ├── node-file-system-module_edit-de.vtt │ ├── postman_edit-de.vtt │ ├── restful-apis_edit-de.vtt │ ├── running-scriptjs-in-node_edit-de.vtt │ ├── solution-santas-node-helper_edit-de.vtt │ └── types-of-modules_edit-de.vtt ├── section24 │ ├── connecting-to-our-front-end_edit-de.vtt │ ├── profileid-and-image_edit-de.vtt │ ├── registering-users_edit-de.vtt │ ├── setting-up-our-server_edit-de.vtt │ ├── signin-and-register_edit-de.vtt │ ├── storing-user-passwords_edit-de.vtt │ └── user-profile-update_edit-de.vtt ├── section25 │ ├── installing-postgresql_edit-de.vtt │ ├── introduction-to-databases_edit-de.vtt │ ├── joining-tables-part-1_edit-de.vtt │ ├── joining-tables-part-2_edit-de.vtt │ ├── sql-alter-table-update_edit-de.vtt │ ├── sql-conditional-selections_edit-de.vtt │ ├── sql-create-table_edit-de.vtt │ ├── sql-delete-from-drop-table_edit-de.vtt │ ├── sql-functions_edit-de.vtt │ └── sql-insert-into-select_edit-de.vtt ├── section26 │ ├── connecting-to-the-database_edit-de.vtt │ ├── getting-user-profiles_edit-de.vtt │ ├── putting-it-all-together_edit-de.vtt │ ├── registering-a-user-part-1_edit-de.vtt │ ├── registering-a-user-part-2_edit-de.vtt │ ├── setting-up-your-database_edit-de.vtt │ ├── sign-in_edit-de.vtt │ ├── updating-entries_edit-de.vtt │ └── whats-next_edit-de.vtt ├── section27 │ ├── code-reviewautogenerated-de.vtt │ ├── deploying-on-herokuautogenerated-de.vtt │ ├── deploying-to-heroku-part-2autogenerated-de.vtt │ ├── deploying-to-heroku-part-3autogenerated-de.vtt │ ├── deploying-to-heroku-part-4autogenerated-de.vtt │ ├── environmental-variablesautogenerated-de.vtt │ └── security-reviewautogenerated-de.vtt └── section30 │ └── ask-me-anything-edited-de.vtt ├── Indonesian ├── section09 │ ├── id_ida-quick-note-on-cssautogenerated.vtt │ ├── id_idcss-grid-1_edit.vtt │ ├── id_idcss-grid-2autogenerated.vtt │ ├── id_idcss-grid-3autogenerated.vtt │ ├── id_idcss-grid-4autogenerated.vtt │ ├── id_idcss-grid-5autogenerated.vtt │ ├── id_idcss-grid-vs-flexbox-vs-bootstrapautogenerated.vtt │ ├── id_idexercise-css-layoutautogenerated.vtt │ ├── id_idsection-overviewautogenerated.vtt │ ├── id_idsolution-coverautogenerated.vtt │ ├── id_idsolution-navigation-bar-2autogenerated.vtt │ ├── id_idsolution-navigation-barautogenerated.vtt │ ├── id_idsolution-prettifyautogenerated.vtt │ └── id_idsolution-project-grid-footerautogenerated.vtt ├── section10 │ └── id_idwhat-if-i-dont-have-enough-experienceautogenerated.vtt ├── section13 │ ├── id_idadvanced-loopsautogenerated.vtt │ ├── id_idpass-by-value-vs-pass-by-referenceautogenerated.vtt │ └── id_idtype-coercionautogenerated.vtt ├── section15 │ └── id_idvs-codeautogenerated.vtt ├── section19 │ ├── id_idcreate-react-app-2autogenerated.vtt │ ├── id_idinstalling-redux_edit.vtt │ ├── id_idpopular-tool-for-react-redux_edit.vtt │ ├── id_idredux-actions-and-reducers_edit.vtt │ ├── id_idredux-async-actions_edit.vtt │ ├── id_idredux-connect_edit.vtt │ ├── id_idredux-middleware_edit.vtt │ ├── id_idredux-project-structures_edit.vtt │ ├── id_idredux-store-and-provider_edit.vtt │ ├── id_idstate-management_edit.vtt │ └── id_idwhy-redux_edit.vtt ├── section30 │ └── id_idask-me-anything-edited.vtt └── section31 │ ├── id_idinstalling-git-for-windowsautogenerated.vtt │ ├── id_idinstalling-nodejs-for-windowsautogenerated.vtt │ ├── id_idinstalling-postgresql-for-windowsautogenerated.vtt │ ├── id_idintroduction-from-wolfgangautogenerated.vtt │ └── id_idset-up-postgressql-for-cmd-using-pgadminautogenerated.vtt ├── Italian ├── section01 │ └── it_itcourse-outlineautogenerated.vtt ├── section02 │ ├── it_itbreaking-googlegenerated_edit.vtt │ ├── it_itbrowsing-the-webgenerated_edit.vtt │ ├── it_itdeveloper-fundamentals-igenerated_edit.vtt │ ├── it_itthe-internet-backbonegenerated_edit.vtt │ ├── it_ittraceroutegenerated_edit.vtt │ └── it_itwhat-does-a-developer-dogenerated_edit.vtt ├── section03 │ ├── it_itdeveloper-fundamentals-ii_edit.vtt │ ├── it_itdeveloper-history_edit.vtt │ ├── it_ithtml-css-javascript_edit.vtt │ └── it_itwww-vs-internetgenerated_edit.vtt ├── section04 │ ├── it_itanchor-tag_edit.vtt │ ├── it_itbuild-your-first-website_edit.vtt │ ├── it_itdeveloper-fundamentals-iii_edit.vtt │ ├── it_ithtml-tags-2_edit.vtt │ ├── it_ithtml-tags_edit.vtt │ ├── it_itqa-indexhtml_edit.vtt │ ├── it_itqa-relative-vs-absolute-path_edit.vtt │ └── it_itself-closing-html-tags_edit.vtt ├── section05 │ ├── it_itcopy-a-website_edit.vtt │ ├── it_ithtml-challenge_edit.vtt │ ├── it_ithtml-forms-2autogenerated.vtt │ ├── it_ithtml-forms_edit.vtt │ ├── it_ithtml-tags-3autogenerated.vtt │ ├── it_ithtml-vs-html-5autogenerated.vtt │ └── it_itsubmitting-a-formautogenerated.vtt ├── section06 │ ├── it_itbox-model_edit.vtt │ ├── it_itcss-properties_edit.vtt │ ├── it_itcss-selectors_edit.vtt │ ├── it_itimages-in-css_edit.vtt │ ├── it_itpx-vs-em-vs-rem_edit.vtt │ ├── it_ittext-and-font_edit.vtt │ └── it_ityour-first-css_edit.vtt ├── section07 │ ├── it_itcritical-render-path_edit.vtt │ ├── it_itcss-3_edit.vtt │ ├── it_itexercise-robot-animation_edit.vtt │ ├── it_itflexbox_edit.vtt │ └── it_itresponsive-ui_edit.vtt ├── section08 │ ├── it_itbootstrap-4-grid_edit.vtt │ ├── it_itbootstrap-4_edit.vtt │ ├── it_itbootstrap-introduction_edit.vtt │ ├── it_itdeveloper-fundamentals-iv_edit.vtt │ ├── it_itexercise-adding-email-subscribe-form-with-mailchimpautogenerated.vtt │ ├── it_itexercise-putting-your-website-online-2autogenerated.vtt │ ├── it_itexercise-putting-your-website-online_edit.vtt │ ├── it_itexercise-startup-landing-page-3autogenerated.vtt │ ├── it_itexercise-startup-landing-page-4autogenerated.vtt │ ├── it_itexercise-startup-landing-page-5autogenerated.vtt │ ├── it_itexercise-startup-landing-pageautogenerated.vtt │ └── it_itusing-templatesautogenerated.vtt ├── section09 │ ├── it_ita-quick-note-on-cssautogenerated.vtt │ ├── it_itcss-grid-1autogenerated.vtt │ ├── it_itcss-grid-2autogenerated.vtt │ ├── it_itcss-grid-3autogenerated.vtt │ ├── it_itcss-grid-4autogenerated.vtt │ ├── it_itcss-grid-5autogenerated.vtt │ ├── it_itcss-grid-vs-flexbox-vs-bootstrapautogenerated.vtt │ ├── it_itexercise-css-layoutautogenerated.vtt │ ├── it_itsection-overviewautogenerated.vtt │ ├── it_itsolution-coverautogenerated.vtt │ ├── it_itsolution-navigation-bar-2autogenerated.vtt │ ├── it_itsolution-navigation-barautogenerated.vtt │ ├── it_itsolution-prettifyautogenerated.vtt │ └── it_itsolution-project-grid-footerautogenerated.vtt ├── section10 │ ├── it_itcareer-of-a-web-developer_edit.vtt │ ├── it_itnew-developer-fundamentals-vi_edit.vtt │ └── it_itwhat-if-i-dont-have-enough-experienceautogenerated.vtt ├── section11 │ ├── it_itcontrol-flow_edit.vtt │ ├── it_itdata-structures-arrays_edit.vtt │ ├── it_itdata-structures-objects_edit.vtt │ ├── it_itexercise-build-facebook-2_edit.vtt │ ├── it_itexercise-build-facebook_edit.vtt │ ├── it_itfunctions_edit.vtt │ ├── it_itintroduction-to-javascript_edit.vtt │ ├── it_itjavascript-keywords_edit.vtt │ ├── it_itjavascript-on-our-webpage_edit.vtt │ ├── it_itjavascript-terminology_edit.vtt │ ├── it_itloops_edit.vtt │ ├── it_itvariables_edit.vtt │ ├── it_itwhat-is-javascript_edit.vtt │ └── it_ityour-first-javascript_edit.vtt ├── section12 │ ├── it_itdeveloper-fundamentals-v_edit.vtt │ ├── it_itdocument-object-model_edit.vtt │ ├── it_itdom-events_edit.vtt │ ├── it_itdom-selectors_edit.vtt │ ├── it_itexercise-background-generator_edit.vtt │ └── it_itjquery_edit.vtt ├── section13 │ ├── it_itadvanced-arrays_edit.vtt │ ├── it_itadvanced-control-flow_edit.vtt │ ├── it_itadvanced-functions_edit.vtt │ ├── it_itadvanced-loopsautogenerated.vtt │ ├── it_itadvanced-objects_edit.vtt │ ├── it_itdebugging_edit.vtt │ ├── it_ites10-es2019autogenerated.vtt │ ├── it_ites5-and-es6_edit.vtt │ ├── it_itmodules_edit.vtt │ ├── it_itnew-es7_edit.vtt │ ├── it_itnew-es8_edit.vtt │ ├── it_itnew-how-javascript-works_edit.vtt │ ├── it_itpass-by-value-vs-pass-by-referenceautogenerated.vtt │ ├── it_itscope_edit.vtt │ └── it_ittype-coercionautogenerated.vtt ├── section14 │ └── it_itusing-the-terminal_edit.vtt ├── section15 │ ├── it_itsublime-text-3_edit.vtt │ └── it_itterminalautogenerated.vtt ├── section16 │ ├── it_itcontributing-to-open-source-2autogenerated.vtt │ ├── it_itcontributing-to-open-sourceautogenerated.vtt │ ├── it_itgit-github-part-1_edit.vtt │ └── it_itgit-github-part-2_edit.vtt ├── section17 │ └── it_ita-typical-dayautogenerated.vtt ├── section18 │ ├── it_itcreate-a-portfolioautogenerated.vtt │ ├── it_itinstalling-and-using-packagesautogenerated.vtt │ ├── it_itintroduction-to-npmautogenerated.vtt │ ├── it_itsetting-up-npm-and-packagejsonautogenerated.vtt │ ├── it_itupdate-latest-nodejs-and-npmautogenerated.vtt │ └── it_itwhy-update-packagesautogenerated.vtt ├── section19 │ ├── it_itbuilding-a-react-app-1_edit.vtt │ ├── it_itbuilding-a-react-app-2_edit.vtt │ ├── it_itbuilding-a-react-app-3_edit.vtt │ ├── it_itbuilding-a-react-app-4_edit.vtt │ ├── it_itbuilding-a-react-app-5_edit.vtt │ ├── it_itbuilding-a-react-app-6_edit.vtt │ ├── it_itcreate-react-app-2autogenerated.vtt │ ├── it_itcreate-react-app-3autogenerated.vtt │ ├── it_itcreate-react-app_edit.vtt │ ├── it_itdeploying-our-react-appautogenerated.vtt │ ├── it_iterror-boundary-in-react_edit.vtt │ ├── it_itinstalling-redux_edit.vtt │ ├── it_itintroduction-to-reactjs_edit.vtt │ ├── it_itkeeping-your-projects-up-to-dateautogenerated.vtt │ ├── it_itpopular-tool-for-react-redux_edit.vtt │ ├── it_itquick-note-class-vs-functional-appjsautogenerated.vtt │ ├── it_itreact-review_edit.vtt │ ├── it_itredux-actions-and-reducers_edit.vtt │ ├── it_itredux-async-actions_edit.vtt │ ├── it_itredux-connect_edit.vtt │ ├── it_itredux-middleware_edit.vtt │ ├── it_itredux-project-structures_edit.vtt │ ├── it_itredux-store-and-provider_edit.vtt │ ├── it_itstate-management_edit.vtt │ ├── it_itstyling-your-react-app_edit.vtt │ ├── it_itwhy-redux_edit.vtt │ └── it_ityour-first-react-component_edit.vtt ├── section20 │ ├── it_itajax_edit.vtt │ ├── it_ites9-es2018-asyncautogenerated.vtt │ ├── it_ites9-es2018autogenerated.vtt │ ├── it_ithttps_edit.vtt │ ├── it_itjson_edit.vtt │ ├── it_itnew-es8-async-await_edit.vtt │ └── it_itnew-promises_edit.vtt ├── section21 │ └── it_itbackend-basics_edit.vtt ├── section22 │ └── it_itintroduction-to-apis_edit.vtt ├── section23 │ ├── it_itbuilding-our-components_edit.vtt │ ├── it_itface-detection-box_edit.vtt │ ├── it_itimage-recognition-api_edit.vtt │ ├── it_itsign-in-form-and-routing_edit.vtt │ └── it_itwhat-we-are-building_edit.vtt ├── section24 │ ├── it_itbuilding-a-server_edit.vtt │ ├── it_itexercise-santas-node-helper_edit.vtt │ ├── it_itexpress-middleware_edit.vtt │ ├── it_itintroduction-to-expressjs_edit.vtt │ ├── it_itintroduction-to-nodejs_edit.vtt │ ├── it_itmodules-in-node_edit.vtt │ ├── it_itnode-file-system-module_edit.vtt │ ├── it_itpostman_edit.vtt │ ├── it_itrestful-apis_edit.vtt │ ├── it_itrunning-scriptjs-in-node_edit.vtt │ ├── it_itsolution-santas-node-helper_edit.vtt │ └── it_ittypes-of-modules_edit.vtt ├── section25 │ ├── it_itconnecting-to-our-front-end_edit.vtt │ ├── it_itprofileid-and-image_edit.vtt │ ├── it_itquick-note-bcryptautogenerated.vtt │ ├── it_itregistering-users_edit.vtt │ ├── it_itsetting-up-our-server_edit.vtt │ ├── it_itsignin-and-register_edit.vtt │ ├── it_itstoring-user-passwords_edit.vtt │ └── it_ituser-profile-update_edit.vtt ├── section26 │ ├── it_itinstalling-postgresql_edit.vtt │ ├── it_itintroduction-to-databases_edit.vtt │ ├── it_itjoining-tables-part-1_edit.vtt │ ├── it_itjoining-tables-part-2_edit.vtt │ ├── it_itsql-alter-table-update_edit.vtt │ ├── it_itsql-conditional-selections_edit.vtt │ ├── it_itsql-create-table_edit.vtt │ ├── it_itsql-delete-from-drop-table_edit.vtt │ ├── it_itsql-functions_edit.vtt │ └── it_itsql-insert-into-select_edit.vtt ├── section27 │ ├── it_itconnecting-to-the-database_edit.vtt │ ├── it_itgetting-user-profiles_edit.vtt │ ├── it_itputting-it-all-together_edit.vtt │ ├── it_itregistering-a-user-part-1_edit.vtt │ ├── it_itregistering-a-user-part-2_edit.vtt │ ├── it_itsetting-up-your-database_edit.vtt │ ├── it_itsign-in_edit.vtt │ ├── it_itupdating-entries_edit.vtt │ └── it_itwhats-next_edit.vtt ├── section28 │ ├── it_itcode-reviewautogenerated.vtt │ ├── it_itdeploying-on-herokuautogenerated.vtt │ ├── it_itdeploying-to-heroku-part-2autogenerated.vtt │ ├── it_itdeploying-to-heroku-part-3autogenerated.vtt │ ├── it_itdeploying-to-heroku-part-4autogenerated.vtt │ ├── it_itenvironmental-variablesautogenerated.vtt │ └── it_itsecurity-reviewautogenerated.vtt ├── section30 │ ├── it_itama-100000-studentsautogenerated.vtt │ └── it_itask-me-anything-edited.vtt └── section31 │ ├── it_itinstalling-git-for-windowsautogenerated.vtt │ ├── it_itinstalling-nodejs-for-windowsautogenerated.vtt │ ├── it_itinstalling-postgresql-for-windowsautogenerated.vtt │ ├── it_itintroduction-from-wolfgangautogenerated.vtt │ └── it_itset-up-postgressql-for-cmd-using-pgadminautogenerated.vtt ├── Japanese ├── section01 │ └── ja_jp_course-outline.vtt └── section02 │ └── breaking-google.vtt ├── Korean ├── section01 │ └── course-outline_edit.vtt └── section02 │ ├── breaking-googlegenerated_edit.vtt │ ├── browsing-the-webgenerated_edit.vtt │ ├── developer-fundamentals-igenerated_edit.vtt │ ├── the-internet-backbonegenerated_edit.vtt │ ├── traceroutegenerated_edit.vtt │ └── what-does-a-developer-dogenerated_edit.vtt ├── LICENSE ├── Polish └── section01 │ └── course-outline_edit.vtt ├── Portuguese ├── section01 │ └── pt_brcourse-outlineautogenerated.vtt ├── section02 │ ├── pt_brbreaking-googlegenerated_edit.vtt │ ├── pt_brbrowsing-the-webgenerated_edit.vtt │ ├── pt_brdeveloper-fundamentals-igenerated_edit.vtt │ ├── pt_brthe-internet-backbonegenerated_edit.vtt │ ├── pt_brtraceroutegenerated_edit.vtt │ └── pt_brwhat-does-a-developer-dogenerated_edit.vtt ├── section03 │ ├── pt_brdeveloper-fundamentals-ii_edit.vtt │ ├── pt_brdeveloper-history_edit.vtt │ ├── pt_brhtml-css-javascript_edit.vtt │ └── pt_brwww-vs-internetgenerated_edit.vtt ├── section04 │ ├── pt_branchor-tag_edit.vtt │ ├── pt_brbuild-your-first-website_edit.vtt │ ├── pt_brdeveloper-fundamentals-iii_edit.vtt │ ├── pt_brhtml-tags-2_edit.vtt │ ├── pt_brhtml-tags_edit.vtt │ ├── pt_brqa-indexhtml_edit.vtt │ ├── pt_brqa-relative-vs-absolute-path_edit.vtt │ └── pt_brself-closing-html-tags_edit.vtt ├── section05 │ ├── pt_brcopy-a-website_edit.vtt │ ├── pt_brhtml-challenge_edit.vtt │ ├── pt_brhtml-forms-2autogenerated.vtt │ ├── pt_brhtml-forms_edit.vtt │ ├── pt_brhtml-tags-3autogenerated.vtt │ ├── pt_brhtml-vs-html-5autogenerated.vtt │ └── pt_brsubmitting-a-formautogenerated.vtt ├── section06 │ ├── pt_brbox-model_edit.vtt │ ├── pt_brcss-properties_edit.vtt │ ├── pt_brcss-selectors_edit.vtt │ ├── pt_brimages-in-css_edit.vtt │ ├── pt_brpx-vs-em-vs-rem_edit.vtt │ ├── pt_brtext-and-font_edit.vtt │ └── pt_bryour-first-css_edit.vtt ├── section07 │ ├── pt_brcritical-render-path_edit.vtt │ ├── pt_brcss-3_edit.vtt │ ├── pt_brexercise-robot-animation_edit.vtt │ ├── pt_brflexbox_edit.vtt │ └── pt_brresponsive-ui_edit.vtt ├── section08 │ ├── pt_brbootstrap-4-grid_edit.vtt │ ├── pt_brbootstrap-4_edit.vtt │ ├── pt_brbootstrap-introduction_edit.vtt │ ├── pt_brdeveloper-fundamentals-iv_edit.vtt │ ├── pt_brexercise-adding-email-subscribe-form-with-mailchimpautogenerated.vtt │ ├── pt_brexercise-putting-your-website-online-2autogenerated.vtt │ ├── pt_brexercise-putting-your-website-online_edit.vtt │ ├── pt_brexercise-startup-landing-page-3autogenerated.vtt │ ├── pt_brexercise-startup-landing-page-4autogenerated.vtt │ ├── pt_brexercise-startup-landing-page-5autogenerated.vtt │ ├── pt_brexercise-startup-landing-pageautogenerated.vtt │ └── pt_brusing-templatesautogenerated.vtt ├── section09 │ ├── a-quick-note-on-cssautogenerated-pt.vtt │ ├── pt_brcss-grid-1autogenerated.vtt │ ├── pt_brcss-grid-2autogenerated.vtt │ ├── pt_brcss-grid-3autogenerated.vtt │ ├── pt_brcss-grid-4autogenerated.vtt │ ├── pt_brcss-grid-5autogenerated.vtt │ ├── pt_brcss-grid-vs-flexbox-vs-bootstrapautogenerated.vtt │ ├── pt_brexercise-css-layoutautogenerated.vtt │ ├── pt_brsection-overviewautogenerated.vtt │ ├── pt_brsolution-coverautogenerated.vtt │ ├── pt_brsolution-navigation-bar-2autogenerated.vtt │ ├── pt_brsolution-navigation-barautogenerated.vtt │ ├── pt_brsolution-prettifyautogenerated.vtt │ └── pt_brsolution-project-grid-footerautogenerated.vtt ├── section10 │ ├── pt_brcareer-of-a-web-developer_edit.vtt │ ├── pt_brnew-developer-fundamentals-vi_edit.vtt │ └── what-if-i-dont-have-enough-experienceautogenerated.vtt ├── section11 │ ├── pt_brcontrol-flow_edit.vtt │ ├── pt_brdata-structures-arrays_edit.vtt │ ├── pt_brdata-structures-objects_edit.vtt │ ├── pt_brexercise-build-facebook-2_edit.vtt │ ├── pt_brexercise-build-facebook_edit.vtt │ ├── pt_brfunctions_edit.vtt │ ├── pt_brintroduction-to-javascript_edit.vtt │ ├── pt_brjavascript-keywords_edit.vtt │ ├── pt_brjavascript-on-our-webpage_edit.vtt │ ├── pt_brjavascript-terminology_edit.vtt │ ├── pt_brloops_edit.vtt │ ├── pt_brvariables_edit.vtt │ ├── pt_brwhat-is-javascript_edit.vtt │ └── pt_bryour-first-javascript_edit.vtt ├── section12 │ ├── pt_brdeveloper-fundamentals-v_edit.vtt │ ├── pt_brdocument-object-model_edit.vtt │ ├── pt_brdom-events_edit.vtt │ ├── pt_brdom-selectors_edit.vtt │ ├── pt_brexercise-background-generator_edit.vtt │ └── pt_brjquery_edit.vtt ├── section13 │ ├── pt_bradvanced-arrays_edit.vtt │ ├── pt_bradvanced-control-flow_edit.vtt │ ├── pt_bradvanced-functions_edit.vtt │ ├── pt_bradvanced-loopsautogenerated.vtt │ ├── pt_bradvanced-objects_edit.vtt │ ├── pt_brdebugging_edit.vtt │ ├── pt_bres10-es2019autogenerated.vtt │ ├── pt_bres5-and-es6_edit.vtt │ ├── pt_brmodules_edit.vtt │ ├── pt_brnew-es7_edit.vtt │ ├── pt_brnew-es8_edit.vtt │ ├── pt_brnew-how-javascript-works_edit.vtt │ ├── pt_brpass-by-value-vs-pass-by-referenceautogenerated.vtt │ ├── pt_brscope_edit.vtt │ └── pt_brtype-coercionautogenerated.vtt ├── section14 │ └── pt_brusing-the-terminal_edit.vtt ├── section15 │ ├── pt_brsublime-text-3_edit.vtt │ └── pt_brterminalautogenerated.vtt ├── section16 │ ├── pt_brcontributing-to-open-source-2autogenerated.vtt │ ├── pt_brcontributing-to-open-sourceautogenerated.vtt │ ├── pt_brgit-github-part-1_edit.vtt │ └── pt_brgit-github-part-2_edit.vtt ├── section17 │ └── pt_bra-typical-dayautogenerated.vtt ├── section18 │ ├── pt_brcreate-a-portfolioautogenerated.vtt │ ├── pt_brinstalling-and-using-packagesautogenerated.vtt │ ├── pt_brintroduction-to-npmautogenerated.vtt │ ├── pt_brsetting-up-npm-and-packagejsonautogenerated.vtt │ ├── pt_brupdate-latest-nodejs-and-npmautogenerated.vtt │ └── pt_brwhy-update-packagesautogenerated.vtt ├── section19 │ ├── installing-redux_edit-pt.vtt │ ├── popular-tool-for-react-redux_edit-pt.vtt │ ├── pt_brbuilding-a-react-app-1_edit.vtt │ ├── pt_brbuilding-a-react-app-2_edit.vtt │ ├── pt_brbuilding-a-react-app-3_edit.vtt │ ├── pt_brbuilding-a-react-app-4_edit.vtt │ ├── pt_brbuilding-a-react-app-5_edit.vtt │ ├── pt_brbuilding-a-react-app-6_edit.vtt │ ├── pt_brcreate-react-app-2autogenerated.vtt │ ├── pt_brcreate-react-app-3autogenerated.vtt │ ├── pt_brcreate-react-app_edit.vtt │ ├── pt_brdeploying-our-react-appautogenerated.vtt │ ├── pt_brerror-boundary-in-react_edit.vtt │ ├── pt_brintroduction-to-reactjs_edit.vtt │ ├── pt_brkeeping-your-projects-up-to-dateautogenerated.vtt │ ├── pt_brquick-note-class-vs-functional-appjsautogenerated.vtt │ ├── pt_brreact-review_edit.vtt │ ├── pt_brstyling-your-react-app_edit.vtt │ ├── pt_bryour-first-react-component_edit.vtt │ ├── redux-actions-and-reducers_edit-pt.vtt │ ├── redux-async-actions_edit-pt.vtt │ ├── redux-connect_edit-pt.vtt │ ├── redux-middleware_edit-pt.vtt │ ├── redux-project-structures_edit-pt.vtt │ ├── redux-store-and-provider_edit-pt.vtt │ ├── state-management_edit-pt.vtt │ └── why-redux_edit-pt.vtt ├── section20 │ ├── pt_brajax_edit.vtt │ ├── pt_bres9-es2018-asyncautogenerated.vtt │ ├── pt_bres9-es2018autogenerated.vtt │ ├── pt_brhttps_edit.vtt │ ├── pt_brjson_edit.vtt │ ├── pt_brnew-es8-async-await_edit.vtt │ └── pt_brnew-promises_edit.vtt ├── section21 │ └── pt_brbackend-basics_edit.vtt ├── section22 │ └── pt_brintroduction-to-apis_edit.vtt ├── section23 │ ├── pt_brbuilding-our-components_edit.vtt │ ├── pt_brface-detection-box_edit.vtt │ ├── pt_brimage-recognition-api_edit.vtt │ ├── pt_brsign-in-form-and-routing_edit.vtt │ └── pt_brwhat-we-are-building_edit.vtt ├── section24 │ ├── pt_brbuilding-a-server_edit.vtt │ ├── pt_brexercise-santas-node-helper_edit.vtt │ ├── pt_brexpress-middleware_edit.vtt │ ├── pt_brintroduction-to-expressjs_edit.vtt │ ├── pt_brintroduction-to-nodejs_edit.vtt │ ├── pt_brmodules-in-node_edit.vtt │ ├── pt_brnode-file-system-module_edit.vtt │ ├── pt_brpostman_edit.vtt │ ├── pt_brrestful-apis_edit.vtt │ ├── pt_brrunning-scriptjs-in-node_edit.vtt │ ├── pt_brsolution-santas-node-helper_edit.vtt │ └── pt_brtypes-of-modules_edit.vtt ├── section25 │ ├── pt_brconnecting-to-our-front-end_edit.vtt │ ├── pt_brprofileid-and-image_edit.vtt │ ├── pt_brquick-note-bcryptautogenerated.vtt │ ├── pt_brregistering-users_edit.vtt │ ├── pt_brsetting-up-our-server_edit.vtt │ ├── pt_brsignin-and-register_edit.vtt │ ├── pt_brstoring-user-passwords_edit.vtt │ └── pt_bruser-profile-update_edit.vtt ├── section26 │ ├── pt_brinstalling-postgresql_edit.vtt │ ├── pt_brintroduction-to-databases_edit.vtt │ ├── pt_brjoining-tables-part-1_edit.vtt │ ├── pt_brjoining-tables-part-2_edit.vtt │ ├── pt_brsql-alter-table-update_edit.vtt │ ├── pt_brsql-conditional-selections_edit.vtt │ ├── pt_brsql-create-table_edit.vtt │ ├── pt_brsql-delete-from-drop-table_edit.vtt │ ├── pt_brsql-functions_edit.vtt │ └── pt_brsql-insert-into-select_edit.vtt ├── section27 │ ├── pt_brconnecting-to-the-database_edit.vtt │ ├── pt_brgetting-user-profiles_edit.vtt │ ├── pt_brputting-it-all-together_edit.vtt │ ├── pt_brregistering-a-user-part-1_edit.vtt │ ├── pt_brregistering-a-user-part-2_edit.vtt │ ├── pt_brsetting-up-your-database_edit.vtt │ ├── pt_brsign-in_edit.vtt │ ├── pt_brupdating-entries_edit.vtt │ └── pt_brwhats-next_edit.vtt ├── section28 │ ├── pt_brcode-reviewautogenerated.vtt │ ├── pt_brdeploying-on-herokuautogenerated.vtt │ ├── pt_brdeploying-to-heroku-part-2autogenerated.vtt │ ├── pt_brdeploying-to-heroku-part-3autogenerated.vtt │ ├── pt_brdeploying-to-heroku-part-4autogenerated.vtt │ ├── pt_brenvironmental-variablesautogenerated.vtt │ └── pt_brsecurity-reviewautogenerated.vtt ├── section30 │ ├── ask-me-anything-edited-pt.vtt │ └── pt_brama-100000-studentsautogenerated.vtt └── section31 │ ├── installing-git-for-windowsautogenerated.vtt │ ├── installing-nodejs-for-windowsautogenerated.vtt │ ├── installing-postgresql-for-windowsautogenerated.vtt │ ├── introduction-from-wolfgangautogenerated.vtt │ └── set-up-postgressql-for-cmd-using-pgadminautogenerated.vtt ├── README.md ├── Romanian ├── section01 │ ├── course-overviewautogenerated-ro.vtt │ └── why-this-course-2autogenerated-ro.vtt ├── section02 │ ├── breaking-googlegenerated_edit-ro.vtt │ ├── browsing-the-webgenerated_edit-ro.vtt │ ├── developer-fundamentals-igenerated_edit-ro.vtt │ ├── the-internet-backbonegenerated_edit-ro.vtt │ ├── traceroutegenerated_edit-ro.vtt │ └── what-does-a-developer-dogenerated_edit-ro.vtt ├── section03 │ ├── developer-fundamentals-ii_edit-ro.vtt │ ├── developer-history_edit-ro.vtt │ ├── html-css-javascript_edit-ro.vtt │ └── www-vs-internet_edit-ro.vtt ├── section04 │ ├── anchor-tag_edit-ro.vtt │ ├── build-your-first-website_edit-ro.vtt │ ├── developer-fundamentals-iii_edit-ro.vtt │ ├── html-tags-2_edit-ro.vtt │ ├── html-tags_edit-ro.vtt │ ├── qa-indexhtml_edit-ro.vtt │ ├── qa-relative-vs-absolute-path_edit-ro.vtt │ └── self-closing-html-tags_edit-ro.vtt ├── section05 │ ├── copy-a-website_edit-ro.vtt │ ├── html-challenge_edit-ro.vtt │ ├── html-forms-2autogenerated-ro.vtt │ ├── html-forms_edit-ro.vtt │ ├── html-tags-3autogenerated-ro.vtt │ ├── html-vs-html-5autogenerated-ro.vtt │ └── submitting-a-formautogenerated-ro.vtt ├── section06 │ ├── box-model_edit-ro.vtt │ ├── css-properties_edit-ro.vtt │ ├── css-selectors_edit-ro.vtt │ ├── images-in-css_edit-ro.vtt │ ├── px-vs-em-vs-rem_edit-ro.vtt │ ├── text-and-font_edit-ro.vtt │ └── your-first-css_edit-ro.vtt ├── section07 │ ├── critical-render-path_edit-ro.vtt │ ├── css-3_edit-ro.vtt │ ├── exercise-robot-animation_edit-ro.vtt │ ├── flexbox_edit-ro.vtt │ └── responsive-ui_edit-ro.vtt ├── section08 │ ├── a-quick-note-on-cssautogenerated-ro.vtt │ ├── bootstrap-4-grid_edit-ro.vtt │ ├── bootstrap-4_edit-ro.vtt │ ├── bootstrap-introduction_edit-ro.vtt │ ├── developer-fundamentals-iv_edit-ro.vtt │ ├── exercise-adding-email-subscribe-form-with-mailchimp_edit-ro.vtt │ ├── exercise-finishing-up-the-landing-page_edit-ro.vtt │ ├── exercise-putting-your-website-online_edit-ro.vtt │ └── exercise-startup-landing-page_edit-ro.vtt ├── section09 │ ├── career-of-a-web-developer_edit-ro.vtt │ └── new-developer-fundamentals-vi_edit-ro.vtt ├── section10 │ ├── control-flow_edit-ro.vtt │ ├── data-structures-arrays_edit-ro.vtt │ ├── data-structures-objects_edit-ro.vtt │ ├── exercise-build-facebook-2_edit-ro.vtt │ ├── exercise-build-facebook_edit-ro.vtt │ ├── functions_edit-ro.vtt │ ├── introduction-to-javascript_edit-ro.vtt │ ├── javascript-keywords_edit-ro.vtt │ ├── javascript-on-our-webpage_edit-ro.vtt │ ├── javascript-terminology_edit-ro.vtt │ ├── loops_edit-ro.vtt │ ├── variables_edit-ro.vtt │ ├── what-is-javascript_edit-ro.vtt │ └── your-first-javascript_edit-ro.vtt ├── section11 │ ├── developer-fundamentals-v_edit-ro.vtt │ ├── document-object-model_edit-ro.vtt │ ├── dom-events_edit-ro.vtt │ ├── dom-selectors_edit-ro.vtt │ ├── exercise-background-generator_edit-ro.vtt │ └── jquery_edit-ro.vtt ├── section12 │ ├── advanced-arrays_edit-ro.vtt │ ├── advanced-control-flow_edit-ro.vtt │ ├── advanced-functions_edit-ro.vtt │ ├── advanced-objects_edit-ro.vtt │ ├── debugging_edit-ro.vtt │ ├── es5-and-es6_edit-ro.vtt │ ├── modules_edit-ro.vtt │ ├── new-es7_edit-ro.vtt │ ├── new-es8_edit-ro.vtt │ ├── new-how-javascript-works_edit-ro.vtt │ └── scope_edit-ro.vtt ├── section13 │ └── using-the-terminal_edit-ro.vtt ├── section14 │ ├── sublime-text-3_edit-ro.vtt │ └── terminalautogenerated-ro.vtt ├── section15 │ ├── git-github-part-1_edit-ro.vtt │ ├── git-github-part-2_edit-ro.vtt │ └── new-contributing-to-open-source_edit-ro.vtt ├── section16 │ └── a-typical-dayautogenerated-ro.vtt ├── section17 │ ├── installing-and-using-packagesautogenerated-ro.vtt │ ├── introduction-to-npmautogenerated-ro.vtt │ └── setting-up-npm-and-packagejsonautogenerated-ro.vtt ├── section18 │ ├── building-a-react-app-1_edit-ro.vtt │ ├── building-a-react-app-2_edit-ro.vtt │ ├── building-a-react-app-3_edit-ro.vtt │ ├── building-a-react-app-4_edit-ro.vtt │ ├── building-a-react-app-5_edit-ro.vtt │ ├── building-a-react-app-6_edit-ro.vtt │ ├── create-react-app_edit-ro.vtt │ ├── error-boundary-in-react_edit-ro.vtt │ ├── installing-redux_edit-ro.vtt │ ├── introduction-to-reactjs_edit-ro.vtt │ ├── popular-tool-for-react-redux_edit-ro.vtt │ ├── react-review_edit-ro.vtt │ ├── redux-actions-and-reducers_edit-ro.vtt │ ├── redux-async-actions_edit-ro.vtt │ ├── redux-connect_edit-ro.vtt │ ├── redux-middleware_edit-ro.vtt │ ├── redux-project-structures_edit-ro.vtt │ ├── redux-store-and-provider_edit-ro.vtt │ ├── state-management_edit-ro.vtt │ ├── styling-your-react-app_edit-ro.vtt │ ├── why-redux_edit-ro.vtt │ └── your-first-react-component_edit-ro.vtt ├── section19 │ ├── ajax_edit-ro.vtt │ ├── https_edit-ro.vtt │ ├── json_edit-ro.vtt │ ├── new-es8-async-await_edit-ro.vtt │ └── new-promises_edit-ro.vtt ├── section20 │ └── backend-basics_edit-ro.vtt ├── section21 │ └── introduction-to-apis_edit-ro.vtt ├── section22 │ ├── building-a-server_edit-ro.vtt │ ├── face-detection-box_edit-ro.vtt │ ├── image-recognition-api_edit-ro.vtt │ ├── sign-in-form-and-routing_edit-ro.vtt │ └── what-we-are-building_edit-ro.vtt ├── section23 │ ├── building-a-server_edit-ro.vtt │ ├── exercise-santas-node-helper_edit-ro.vtt │ ├── express-middleware_edit-ro.vtt │ ├── introduction-to-expressjs_edit-ro.vtt │ ├── introduction-to-nodejs_edit-ro.vtt │ ├── modules-in-node_edit-ro.vtt │ ├── node-file-system-module_edit-ro.vtt │ ├── postman_edit-ro.vtt │ ├── restful-apis_edit-ro.vtt │ ├── running-scriptjs-in-node_edit-ro.vtt │ ├── solution-santas-node-helper_edit-ro.vtt │ └── types-of-modules_edit-ro.vtt ├── section24 │ ├── connecting-to-our-front-end_edit-ro.vtt │ ├── profileid-and-image_edit-ro.vtt │ ├── registering-users_edit-ro.vtt │ ├── setting-up-our-server_edit-ro.vtt │ ├── signin-and-register_edit-ro.vtt │ ├── storing-user-passwords_edit-ro.vtt │ └── user-profile-update_edit-ro.vtt ├── section25 │ ├── installing-postgresql_edit-ro.vtt │ ├── introduction-to-databases_edit-ro.vtt │ ├── joining-tables-part-1_edit-ro.vtt │ ├── joining-tables-part-2_edit-ro.vtt │ ├── sql-alter-table-update_edit-ro.vtt │ ├── sql-conditional-selections_edit-ro.vtt │ ├── sql-create-table_edit-ro.vtt │ ├── sql-delete-from-drop-table_edit-ro.vtt │ ├── sql-functions_edit-ro.vtt │ └── sql-insert-into-select_edit-ro.vtt ├── section26 │ ├── connecting-to-the-database_edit-ro.vtt │ ├── getting-user-profiles_edit-ro.vtt │ ├── putting-it-all-together_edit-ro.vtt │ ├── registering-a-user-part-1_edit-ro.vtt │ ├── registering-a-user-part-2_edit-ro.vtt │ ├── setting-up-your-database_edit-ro.vtt │ ├── sign-in_edit-ro.vtt │ ├── updating-entries_edit-ro.vtt │ └── whats-next_edit-ro.vtt ├── section27 │ ├── code-reviewautogenerated-ro.vtt │ ├── deploying-on-herokuautogenerated-ro.vtt │ ├── deploying-to-heroku-part-2autogenerated-ro.vtt │ ├── deploying-to-heroku-part-3autogenerated-ro.vtt │ ├── deploying-to-heroku-part-4autogenerated.vtt │ ├── environmental-variablesautogenerated-ro.vtt │ └── security-reviewautogenerated-ro.vtt └── section29 │ └── ask-me-anything-edited-ro.vtt └── Spanish ├── section01 └── es_escourse-outlineautogenerated.vtt ├── section02 ├── es_esbreaking-googlegenerated_edit.vtt ├── es_esbrowsing-the-webgenerated_edit.vtt ├── es_esdeveloper-fundamentals-igenerated_edit.vtt ├── es_esthe-internet-backbonegenerated_edit.vtt ├── es_estraceroutegenerated_edit.vtt └── es_eswhat-does-a-developer-dogenerated_edit.vtt ├── section03 ├── es_esdeveloper-fundamentals-ii_edit.vtt ├── es_esdeveloper-history_edit.vtt ├── es_eshtml-css-javascript_edit.vtt └── es_eswww-vs-internetgenerated_edit.vtt ├── section04 ├── es_esanchor-tag_edit.vtt ├── es_esbuild-your-first-website_edit.vtt ├── es_esdeveloper-fundamentals-iii_edit.vtt ├── es_eshtml-tags-2_edit.vtt ├── es_eshtml-tags_edit.vtt ├── es_esqa-indexhtml_edit.vtt ├── es_esqa-relative-vs-absolute-path_edit.vtt └── es_esself-closing-html-tags_edit.vtt ├── section05 ├── es_escopy-a-website_edit.vtt ├── es_eshtml-challenge_edit.vtt ├── es_eshtml-forms-2autogenerated.vtt ├── es_eshtml-forms_edit.vtt ├── es_eshtml-tags-3autogenerated.vtt ├── es_eshtml-vs-html-5autogenerated.vtt └── es_essubmitting-a-formautogenerated.vtt ├── section06 ├── es_esbox-model_edit.vtt ├── es_escss-properties_edit.vtt ├── es_escss-selectors_edit.vtt ├── es_esimages-in-css_edit.vtt ├── es_espx-vs-em-vs-rem_edit.vtt ├── es_estext-and-font_edit.vtt └── es_esyour-first-css_edit.vtt ├── section07 ├── es_escritical-render-path_edit.vtt ├── es_escss-3_edit.vtt ├── es_esexercise-robot-animation_edit.vtt ├── es_esflexbox_edit.vtt └── es_esresponsive-ui_edit.vtt ├── section08 ├── es_esbootstrap-4-grid_edit.vtt ├── es_esbootstrap-4_edit.vtt ├── es_esbootstrap-introduction_edit.vtt ├── es_esdeveloper-fundamentals-iv_edit.vtt ├── es_esexercise-adding-email-subscribe-form-with-mailchimpautogenerated.vtt ├── es_esexercise-putting-your-website-online-2autogenerated.vtt ├── es_esexercise-putting-your-website-online_edit.vtt ├── es_esexercise-startup-landing-page-3autogenerated.vtt ├── es_esexercise-startup-landing-page-4autogenerated.vtt ├── es_esexercise-startup-landing-page-5autogenerated.vtt ├── es_esexercise-startup-landing-pageautogenerated.vtt └── es_esusing-templatesautogenerated.vtt ├── section09 ├── a-quick-note-on-cssautogenerated-es.vtt ├── es_escss-grid-1autogenerated.vtt ├── es_escss-grid-2autogenerated.vtt ├── es_escss-grid-3autogenerated.vtt ├── es_escss-grid-4autogenerated.vtt ├── es_escss-grid-5autogenerated.vtt ├── es_escss-grid-vs-flexbox-vs-bootstrapautogenerated.vtt ├── es_esexercise-css-layoutautogenerated.vtt ├── es_essection-overviewautogenerated.vtt ├── es_essolution-coverautogenerated.vtt ├── es_essolution-navigation-bar-2autogenerated.vtt ├── es_essolution-navigation-barautogenerated.vtt ├── es_essolution-prettifyautogenerated.vtt └── es_essolution-project-grid-footerautogenerated.vtt ├── section10 ├── es_escareer-of-a-web-developer_edit.vtt ├── es_esnew-developer-fundamentals-vi_edit.vtt └── what-if-i-dont-have-enough-experienceautogenerated.vtt ├── section11 ├── es_escontrol-flow_edit.vtt ├── es_esdata-structures-arrays_edit.vtt ├── es_esdata-structures-objects_edit.vtt ├── es_esexercise-build-facebook-2_edit.vtt ├── es_esexercise-build-facebook_edit.vtt ├── es_esfunctions_edit.vtt ├── es_esintroduction-to-javascript_edit.vtt ├── es_esjavascript-keywords_edit.vtt ├── es_esjavascript-on-our-webpage_edit.vtt ├── es_esjavascript-terminology_edit.vtt ├── es_esloops_edit.vtt ├── es_esvariables_edit.vtt ├── es_eswhat-is-javascript_edit.vtt └── es_esyour-first-javascript_edit.vtt ├── section12 ├── es_esdeveloper-fundamentals-v_edit.vtt ├── es_esdocument-object-model_edit.vtt ├── es_esdom-events_edit.vtt ├── es_esdom-selectors_edit.vtt ├── es_esexercise-background-generator_edit.vtt └── es_esjquery_edit.vtt ├── section13 ├── es_esadvanced-arrays_edit.vtt ├── es_esadvanced-control-flow_edit.vtt ├── es_esadvanced-functions_edit.vtt ├── es_esadvanced-loopsautogenerated.vtt ├── es_esadvanced-objects_edit.vtt ├── es_esdebugging_edit.vtt ├── es_eses10-es2019autogenerated.vtt ├── es_eses5-and-es6_edit.vtt ├── es_esmodules_edit.vtt ├── es_esnew-es7_edit.vtt ├── es_esnew-es8_edit.vtt ├── es_esnew-how-javascript-works_edit.vtt ├── es_espass-by-value-vs-pass-by-referenceautogenerated.vtt ├── es_esscope_edit.vtt └── es_estype-coercionautogenerated.vtt ├── section14 └── es_esusing-the-terminal_edit.vtt ├── section15 ├── es_essublime-text-3_edit.vtt └── es_esterminalautogenerated.vtt ├── section16 ├── es_escontributing-to-open-source-2autogenerated.vtt ├── es_escontributing-to-open-sourceautogenerated.vtt ├── es_esgit-github-part-1_edit.vtt └── es_esgit-github-part-2_edit.vtt ├── section17 └── es_esa-typical-dayautogenerated.vtt ├── section18 ├── es_escreate-a-portfolioautogenerated.vtt ├── es_esinstalling-and-using-packagesautogenerated.vtt ├── es_esintroduction-to-npmautogenerated.vtt ├── es_essetting-up-npm-and-packagejsonautogenerated.vtt ├── es_esupdate-latest-nodejs-and-npmautogenerated.vtt └── es_eswhy-update-packagesautogenerated.vtt ├── section19 ├── es_esbuilding-a-react-app-1_edit.vtt ├── es_esbuilding-a-react-app-2_edit.vtt ├── es_esbuilding-a-react-app-3_edit.vtt ├── es_esbuilding-a-react-app-4_edit.vtt ├── es_esbuilding-a-react-app-5_edit.vtt ├── es_esbuilding-a-react-app-6_edit.vtt ├── es_escreate-react-app-2autogenerated.vtt ├── es_escreate-react-app-3autogenerated.vtt ├── es_escreate-react-app_edit.vtt ├── es_esdeploying-our-react-appautogenerated.vtt ├── es_eserror-boundary-in-react_edit.vtt ├── es_esintroduction-to-reactjs_edit.vtt ├── es_eskeeping-your-projects-up-to-dateautogenerated.vtt ├── es_esquick-note-class-vs-functional-appjsautogenerated.vtt ├── es_esreact-review_edit.vtt ├── es_esstyling-your-react-app_edit.vtt ├── es_esyour-first-react-component_edit.vtt ├── installing-redux_edit-es.vtt ├── popular-tool-for-react-redux_edit-es.vtt ├── redux-actions-and-reducers_edit-es.vtt ├── redux-async-actions_edit-es.vtt ├── redux-connect_edit-es.vtt ├── redux-middleware_edit-es.vtt ├── redux-project-structures_edit-es.vtt ├── redux-store-and-provider_edit-es.vtt ├── state-management_edit-es.vtt └── why-redux_edit-es.vtt ├── section20 ├── es_esajax_edit.vtt ├── es_eses9-es2018-asyncautogenerated.vtt ├── es_eses9-es2018autogenerated.vtt ├── es_eshttps_edit.vtt ├── es_esjson_edit.vtt ├── es_esnew-es8-async-await_edit.vtt └── es_esnew-promises_edit.vtt ├── section21 └── es_esbackend-basics_edit.vtt ├── section22 └── es_esintroduction-to-apis_edit.vtt ├── section23 ├── es_esbuilding-our-components_edit.vtt ├── es_esface-detection-box_edit.vtt ├── es_esimage-recognition-api_edit.vtt ├── es_essign-in-form-and-routing_edit.vtt └── es_eswhat-we-are-building_edit.vtt ├── section24 ├── es_esbuilding-a-server_edit.vtt ├── es_esexercise-santas-node-helper_edit.vtt ├── es_esexpress-middleware_edit.vtt ├── es_esintroduction-to-expressjs_edit.vtt ├── es_esintroduction-to-nodejs_edit.vtt ├── es_esmodules-in-node_edit.vtt ├── es_esnode-file-system-module_edit.vtt ├── es_espostman_edit.vtt ├── es_esrestful-apis_edit.vtt ├── es_esrunning-scriptjs-in-node_edit.vtt ├── es_essolution-santas-node-helper_edit.vtt └── es_estypes-of-modules_edit.vtt ├── section25 ├── es_esconnecting-to-our-front-end_edit.vtt ├── es_esprofileid-and-image_edit.vtt ├── es_esquick-note-bcryptautogenerated.vtt ├── es_esregistering-users_edit.vtt ├── es_essetting-up-our-server_edit.vtt ├── es_essignin-and-register_edit.vtt ├── es_esstoring-user-passwords_edit.vtt └── es_esuser-profile-update_edit.vtt ├── section26 ├── es_esinstalling-postgresql_edit.vtt ├── es_esintroduction-to-databases_edit.vtt ├── es_esjoining-tables-part-1_edit.vtt ├── es_esjoining-tables-part-2_edit.vtt ├── es_essql-alter-table-update_edit.vtt ├── es_essql-conditional-selections_edit.vtt ├── es_essql-create-table_edit.vtt ├── es_essql-delete-from-drop-table_edit.vtt ├── es_essql-functions_edit.vtt └── es_essql-insert-into-select_edit.vtt ├── section27 ├── es_esconnecting-to-the-database_edit.vtt ├── es_esgetting-user-profiles_edit.vtt ├── es_esputting-it-all-together_edit.vtt ├── es_esregistering-a-user-part-1_edit.vtt ├── es_esregistering-a-user-part-2_edit.vtt ├── es_essetting-up-your-database_edit.vtt ├── es_essign-in_edit.vtt ├── es_esupdating-entries_edit.vtt └── es_eswhats-next_edit.vtt ├── section28 ├── es_escode-reviewautogenerated.vtt ├── es_esdeploying-on-herokuautogenerated.vtt ├── es_esdeploying-to-heroku-part-2autogenerated.vtt ├── es_esdeploying-to-heroku-part-3autogenerated.vtt ├── es_esdeploying-to-heroku-part-4autogenerated.vtt ├── es_esenvironmental-variablesautogenerated.vtt └── es_essecurity-reviewautogenerated.vtt ├── section30 ├── ask-me-anything-edited-es.vtt └── es_esama-100000-studentsautogenerated.vtt └── section31 ├── installing-git-for-windowsautogenerated.vtt ├── installing-nodejs-for-windowsautogenerated.vtt ├── installing-postgresql-for-windowsautogenerated.vtt ├── introduction-from-wolfgangautogenerated.vtt └── set-up-postgressql-for-cmd-using-pgadminautogenerated.vtt /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | 3 | test 4 | -------------------------------------------------------------------------------- /Chinese/section02/what-does-a-developer-dogenerated_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.690 --> 00:02.260 4 | And welcome back. 5 | 6 | 00:02.270 --> 00:06.910 7 | In this final video I want to show you what this course is all about what we're learning in this course 8 | 9 | 00:06.910 --> 00:09.670 10 | and what we're going to be able to do at the end. 11 | 12 | 00:09.710 --> 00:16.010 13 | You may have heard the term full-stack developer front-end developer, back-end developer. And looking at 14 | 15 | 00:16.010 --> 00:17.050 16 | this diagram 17 | 18 | 00:17.060 --> 00:23.500 19 | you start to recognize that you know, HTML, CSS Javascript you see React in there, we'll get to that, 20 | 21 | 00:23.500 --> 00:29.360 22 | don't worry about it but that's what a front-end developer does. The front-end developer is the person 23 | 24 | 00:29.840 --> 00:37.190 25 | who makes sure that, when we open up the browser and go to Google.com that we see Google, we see it 26 | 27 | 00:37.310 --> 00:44.270 28 | nice and pretty laid out beautifully, has a search bar, essentially anything that a user sees, the 29 | 30 | 00:44.270 --> 00:51.550 31 | front-end developer does. And that is using HTML, CSS, Javascript, React and a few other tools. 32 | 33 | 00:51.650 --> 00:58.340 34 | The back-end developer, that's a person that works with the server makes sure that when a browser speaks 35 | 36 | 00:58.340 --> 01:06.140 37 | to it, it serves up those files and uses some technology such as Node.js, Express.js, which we're going 38 | 39 | 01:06.140 --> 01:11.690 40 | to get into, and then that server is going to talk also to a database; again we haven't really discussed 41 | 42 | 01:11.690 --> 01:17.470 43 | that too much but don't worry there's going to be a section on it and that's going to use PostgreSQL 44 | 45 | 01:17.480 --> 01:20.560 46 | and we're actually going to be learning that as well. 47 | 48 | 01:20.570 --> 01:27.770 49 | So we want to build you up as a full-stack developer to be able to work with all these technologies, so that 50 | 51 | 01:28.170 --> 01:31.970 52 | everything revolving around a web application, 53 | 54 | 01:32.000 --> 01:34.160 55 | you're able to build, so get excited. 56 | 57 | 01:34.160 --> 01:35.600 58 | You're going to learn all of this. 59 | 60 | 01:35.600 --> 01:42.670 61 | It looks overwhelming, but trust me, just like this How the Internet Works section it's all going to make 62 | 63 | 01:42.670 --> 01:43.420 64 | sense. 65 | 66 | 01:43.810 --> 01:45.510 67 | So I'll see the next one. 68 | 69 | 01:45.680 --> 01:45.880 70 | Bye-bye. 71 | -------------------------------------------------------------------------------- /English/section02/what-does-a-developer-dogenerated_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00:00.630 --> 00:00:02.200 4 | And welcome back. 5 | 6 | 00:00:02.210 --> 00:00:06.850 7 | In this final video I want to show you what this 8 | course is all about what we're learning in this course 9 | 10 | 00:00:06.870 --> 00:00:09.630 11 | and what we're going to 12 | be able to do at the end. 13 | 14 | 00:00:09.660 --> 00:00:15.090 15 | You may have heard the term full-stack developer 16 | front-end developer, back-end developer. And looking at 17 | 18 | 00:00:15.150 --> 00:00:16.190 19 | this diagram 20 | 21 | 00:00:16.300 --> 00:00:21.809 22 | you start to recognize that, HTML, CSS Javascript 23 | you see React in there, we'll get to that, 24 | 25 | 00:00:21.810 --> 00:00:27.670 26 | don't worry about it but that's what a front-end 27 | developer does. The front-end developer is the person 28 | 29 | 00:00:27.750 --> 00:00:34.800 30 | who makes sure that, when we open up the browser 31 | and go to Google.com that we see Google, we see it 32 | 33 | 00:00:34.920 --> 00:00:41.879 34 | nice and pretty laid out beautifully, has a search 35 | bar, essentially anything that a user sees, the 36 | 37 | 00:00:41.880 --> 00:00:48.260 38 | front-end developer does. And that is using HTML, 39 | CSS, Javascript, React and a few other tools. 40 | 41 | 00:00:48.760 --> 00:00:55.049 42 | The back-end developer, that's a person that works 43 | with the server makes sure that when a browser speaks 44 | 45 | 00:00:55.050 --> 00:01:02.049 46 | to it, it serves up those files and uses some technology 47 | such as Node.js, Express.js, which we're going 48 | 49 | 00:01:02.050 --> 00:01:07.199 50 | to get into, and then that server is going to talk 51 | also to a database; again we haven't really discussed 52 | 53 | 00:01:07.200 --> 00:01:12.180 54 | that too much but don't worry there's going to be a 55 | section on it and that's going to use PostgreSQL 56 | 57 | 00:01:13.090 --> 00:01:15.270 58 | and we're actually going to 59 | be learning that as well. 60 | 61 | 00:01:15.330 --> 00:01:22.230 62 | So we want to build you up as a full-stack developer to 63 | be able to work with all these technologies, so that 64 | 65 | 00:01:22.430 --> 00:01:26.230 66 | everything revolving 67 | around a web application, 68 | 69 | 00:01:26.260 --> 00:01:28.419 70 | you're able to build, so get excited. 71 | 72 | 00:01:28.420 --> 00:01:29.669 73 | You're going to learn all of this. 74 | 75 | 00:01:29.670 --> 00:01:35.640 76 | It looks overwhelming, but trust me, just like this How 77 | the Internet Works section it's all going to make sense. 78 | 79 | 00:01:36.680 --> 00:01:38.480 80 | So I'll see you at the next one. Bye-bye. -------------------------------------------------------------------------------- /English/section04/html-tags-2_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00:00.800 --> 00:00:07.580 4 | And welcome back. In the previous video we talked 5 | about a few of the common tags that HTML uses. 6 | 7 | 00:00:07.590 --> 00:00:12.709 8 | We're going to expand on that knowledge and learn a few 9 | more. So, I'm going to delete these, and I'm going 10 | 11 | 00:00:12.710 --> 00:00:17.280 12 | to teach you about something 13 | called an 'Ordered List'. 14 | 15 | 00:00:17.360 --> 00:00:24.020 16 | So an 'ol' tag, and within this 17 | tag we have list 'li' items - 18 | 19 | 00:00:27.050 --> 00:00:39.610 20 | 'banana' and, another list item, 21 | 'apple', and lastly let's do, 'orange'. 22 | 23 | 00:00:39.750 --> 00:00:48.139 24 | So if I save this, again, I refresh and we have banana, 25 | apple, orange. So you can see here this is how you 26 | 27 | 00:00:48.140 --> 00:00:49.310 28 | make lists. 29 | 30 | 00:00:49.580 --> 00:00:53.420 31 | And this is an 'Ordered List' so 32 | you can see we have '1, 2, 3'. 33 | 34 | 00:00:53.720 --> 00:00:59.290 35 | If we want to make it without the numbers, we 36 | use something called an 'Unordered List', 'ul'. 37 | 38 | 00:00:59.330 --> 00:01:03.360 39 | And again I save that, 40 | and refresh, and we have these. 41 | 42 | 00:01:03.390 --> 00:01:06.409 43 | Now there's also subfields 44 | that you can use. 45 | 46 | 00:01:06.410 --> 00:01:10.690 47 | So again this is all about nesting, 48 | and having parent tags, and children tags. 49 | 50 | 00:01:10.820 --> 00:01:18.020 51 | So let's say within 'apples' we wanted to have - 52 | let me structure that are a little bit cleaner, 53 | 54 | 00:01:19.580 --> 00:01:21.949 55 | there you go, within 'apples'. 56 | 57 | 00:01:21.950 --> 00:01:30.100 58 | We also want to emphasize that there is the 59 | 'fuji' apple and there is 'honey crisp'. 60 | 61 | 00:01:30.130 --> 00:01:36.500 62 | And while I can't think of a third type of apple, so, 63 | I'm going to delete that. If I save this, and refresh, 64 | 65 | 00:01:36.940 --> 00:01:43.149 66 | well, we have a nested list. There you have it you have 67 | your list items. I'll see in the next video, where 68 | 69 | 00:01:43.150 --> 00:01:48.370 70 | we're going to learn about putting images 71 | into our website and self-closing tags. 72 | 73 | 00:01:48.410 --> 00:01:49.380 74 | See you in the next one. -------------------------------------------------------------------------------- /English/section05/html-challenge_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.090 --> 00:04.580 4 | Phew! Can you believe you've made it, this far? 5 | 6 | 00:04.680 --> 00:12.090 7 | I mean at the beginning of this, you probably had no idea, what any of this means and now look at you, you know 8 | 9 | 00:12.090 --> 00:14.680 10 | what every single line means. 11 | 12 | 00:15.480 --> 00:16.390 13 | You know what. 14 | 15 | 00:16.730 --> 00:19.120 16 | This is pretty much it, for HTML. 17 | 18 | 00:19.160 --> 00:20.660 19 | It's not very hard. 20 | 21 | 00:20.660 --> 00:26.000 22 | You just have to remember a few tags and it's very easy to test around and play. 23 | 24 | 00:26.000 --> 00:28.460 25 | So call yourself an HTML developer! 26 | 27 | 00:32.040 --> 00:38.430 28 | I have a fun little game for you, as you can see over here, we've created a simple web page, where I can 29 | 30 | 00:38.520 --> 00:39.830 31 | link to another page. 32 | 33 | 00:39.840 --> 00:46.110 34 | I can go back, I can even click on register and submit a form. 35 | 36 | 00:46.240 --> 00:50.580 37 | I want you to try your hand at building your own little website here. 38 | 39 | 00:50.710 --> 00:57.300 40 | And once you're done, I'll provide the link to my email in the description below. 41 | 42 | 00:57.340 --> 01:05.260 43 | Send me your first web site and I'll showcase some of my favorite ones, in an upcoming video. 44 | 45 | 01:05.350 --> 01:06.570 46 | I'll see you in the next one. 47 | 48 | 01:06.770 --> 01:07.050 49 | Bye-bye 50 | -------------------------------------------------------------------------------- /English/section07/exercise-robot-animation_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.750 --> 00:06.740 4 | Hello! This is your new robot friend and I have a fun little challenge for you. 5 | 6 | 00:06.810 --> 00:10.230 7 | I've created this robot that is actually pretty cool. 8 | 9 | 00:10.230 --> 00:18.310 10 | So as you hover, his head grows big and he can also dance: 11 | 12 | 00:18.310 --> 00:23.720 13 | Now here's the challenge: I've created the majority of this robot. 14 | 15 | 00:23.730 --> 00:27.360 16 | But you first need to assemble it, so it looks like this. 17 | 18 | 00:27.820 --> 00:35.030 19 | And in the next section I've left a few files for you: an index file and the CSS file. 20 | 21 | 00:35.140 --> 00:42.430 22 | The only problem is that these parts are all over the page and I need you to assemble them, so that you 23 | 24 | 00:42.430 --> 00:44.190 25 | can have a robot friend as well. 26 | 27 | 00:44.230 --> 00:51.100 28 | In the following section after the exercise I'll have the solution, that you can use, but give it a try 29 | 30 | 00:51.670 --> 00:54.660 31 | and hopefully you'll have a new robot friend too. 32 | -------------------------------------------------------------------------------- /English/section07/responsive-ui_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.390 --> 00:06.540 4 | Welcome back! Whenever you have a request from an employer to build a website or a web app, one of 5 | 6 | 00:06.540 --> 00:15.170 7 | the first things that they will ask for is to make sure that your website is responsive. So what is responsive UI? 8 | 9 | 00:15.270 --> 00:20.760 10 | Well I can show you by opening up the developer tools, which we should know by now and you'll see over 11 | 12 | 00:20.760 --> 00:24.630 13 | here that there is a little phone icon. 14 | 15 | 00:25.020 --> 00:32.350 16 | If we click on this, it will show you why your web site will look like on say, an iPhone. 17 | 18 | 00:32.440 --> 00:33.740 19 | Let's make this a little bit bigger. 20 | 21 | 00:33.760 --> 00:38.160 22 | So let's do 100% of the size. Perfect. 23 | 24 | 00:38.170 --> 00:42.840 25 | You'll see that your website on an iPhone looks like this. 26 | 27 | 00:43.150 --> 00:50.050 28 | And if we do an iPad. Well it looks like this and if it rotates, it looks good. 29 | 30 | 00:50.170 --> 00:58.840 31 | So responsive means that your web site, no matter what, whether it's on the big screen or something like 32 | 33 | 00:58.840 --> 01:00.650 34 | an iPad. 35 | 36 | 01:00.750 --> 01:01.680 37 | It is responsive. 38 | 39 | 01:01.680 --> 01:03.810 40 | That means there's no cut-offs. 41 | 42 | 01:03.810 --> 01:08.540 43 | Everything looks good no matter what size the screen is. 44 | 45 | 01:08.550 --> 01:15.480 46 | So if we go back to our web site and close the developer tabs, I can actually play around with this - open 47 | 48 | 01:15.510 --> 01:17.820 49 | and close and see that it's responsive. 50 | 51 | 01:17.820 --> 01:20.840 52 | The website looks good, no matter what the size. 53 | 54 | 01:20.850 --> 01:27.810 55 | And users can enjoy the experience and not be turned off, because whether they're accessing it through 56 | 57 | 01:28.140 --> 01:32.400 58 | their iPad, at home, on their couch it still looks good. 59 | 60 | 01:32.430 --> 01:38.360 61 | So keep that in mind: responsive UI should be a priority when building websites. 62 | 63 | 01:38.520 --> 01:40.110 64 | I'll see you in the next one. Bye-bye 65 | -------------------------------------------------------------------------------- /English/section08/exercise-startup-landing-page_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00:00.540 --> 00:00:02.190 4 | Holy moly! 5 | 6 | 00:00:02.190 --> 00:00:04.230 7 | Good job getting this far in the course. 8 | 9 | 00:00:04.230 --> 00:00:06.660 10 | You should really really 11 | be proud of yourself 12 | 13 | 00:00:06.684 --> 00:00:08.570 14 | because we've learned a lot. 15 | 16 | 00:00:08.594 --> 00:00:11.574 17 | And now we're gonna build 18 | something really exciting. 19 | 20 | 00:00:11.610 --> 00:00:14.240 21 | We're gonna build a startup landing page. 22 | 23 | 00:00:14.580 --> 00:00:16.170 24 | A landing page like this. 25 | 26 | 00:00:16.170 --> 00:00:19.120 27 | That well is responsive 28 | 29 | 00:00:20.844 --> 00:00:24.044 30 | but most importantly it has some text. 31 | 32 | 00:00:24.120 --> 00:00:25.100 33 | It has a button. 34 | 35 | 00:00:25.590 --> 00:00:26.500 36 | But check this out. 37 | 38 | 00:00:26.580 --> 00:00:32.270 39 | When you click on the button it takes you to a 40 | form to sign up and collect email addresses. 41 | 42 | 00:00:32.280 --> 00:00:32.920 43 | That's right. 44 | 45 | 00:00:32.970 --> 00:00:35.790 46 | We're building a startup landing page. 47 | 48 | 00:00:35.790 --> 00:00:38.220 49 | I'm going to show you 50 | how to do it step by step 51 | 52 | 00:00:38.244 --> 00:00:41.244 53 | and you can grab the starter 54 | files attached to this lesson 55 | 56 | 00:00:41.320 --> 00:00:44.070 57 | because we're gonna build this from scratch 58 | 59 | 00:00:44.094 --> 00:00:49.590 60 | and see how we can put something online 61 | that you can now share with your friends. 62 | 63 | 00:00:49.590 --> 00:00:53.540 64 | Next time you have a big 65 | startup idea. Let's get started. -------------------------------------------------------------------------------- /English/section09/css-grid-5_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00:01.790 --> 00:00:09.120 4 | Another thing I want to show you with the individual 5 | item in a grid is that we can do something like 6 | 7 | 00:00:09.180 --> 00:00:12.510 8 | justify-self. 9 | 10 | 00:00:12.670 --> 00:00:20.499 11 | Remember up here we did justify-items and align-items 12 | but when it comes to individual items we have to 13 | 14 | 00:00:20.500 --> 00:00:21.710 15 | use self. 16 | 17 | 00:00:22.180 --> 00:00:30.920 18 | And as you can imagine if I do self start and I 19 | refresh your we go to the start of the column. 20 | 21 | 00:00:31.230 --> 00:00:43.370 22 | If I do align it's going to go to the start of the 23 | row and if we do end and refresh again we see that 24 | 25 | 00:00:43.490 --> 00:00:46.250 26 | the same thing is happening. 27 | 28 | 00:00:46.330 --> 00:00:50.600 29 | I'm going to leave this file for you 30 | as well so you can play around with it. 31 | 32 | 00:00:50.650 --> 00:00:58.089 33 | I encourage you to try to create different types of 34 | grids and looks that you want as you can see it's 35 | 36 | 00:00:58.090 --> 00:01:05.829 37 | pretty powerful but also very very simple and allows 38 | us to create responsive grid systems very very 39 | 40 | 00:01:05.830 --> 00:01:07.119 41 | easily. 42 | 43 | 00:01:07.120 --> 00:01:12.039 44 | Now there's actually a cheat sheet that you can use 45 | to summarize everything that I've taught you up 46 | 47 | 00:01:12.040 --> 00:01:15.550 48 | until now there's a link to this video. 49 | 50 | 00:01:15.700 --> 00:01:18.860 51 | It's called the, well, 52 | the grid cheat sheet. 53 | 54 | 00:01:19.510 --> 00:01:22.850 55 | And it shows you exactly why you 56 | need to do for the container. 57 | 58 | 00:01:23.730 --> 00:01:32.369 59 | We've learned about grid-gap grid-templates align-items 60 | and also what to do with the children such as 61 | 62 | 00:01:32.370 --> 00:01:39.870 63 | grid-column, justify-self, align-self and it has all 64 | these little snippets that you can just click on and 65 | 66 | 00:01:40.110 --> 00:01:41.650 67 | copy. 68 | 69 | 00:01:41.670 --> 00:01:46.660 70 | So I recommend you play around with 71 | some of these properties on your own. 72 | 73 | 00:01:47.360 --> 00:01:54.100 74 | Because in the next part we're going to use 75 | CSS grid to build a complete website layout. 76 | 77 | 00:01:54.170 --> 00:01:55.940 78 | I'll see in that one. Bye bye. -------------------------------------------------------------------------------- /English/section09/section-overview_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00:00.910 --> 00:00:01.970 4 | Welcome back! 5 | 6 | 00:00:01.971 --> 00:00:05.273 7 | In this section I want to 8 | tackle the problem that we have 9 | 10 | 00:00:05.297 --> 00:00:06.969 11 | especially when we're starting out 12 | 13 | 00:00:06.970 --> 00:00:12.309 14 | that is "How do I create 15 | a layout of a website?". 16 | 17 | 00:00:12.310 --> 00:00:17.450 18 | And it's probably the hardest thing 19 | to learn when you're starting off. 20 | 21 | 00:00:17.640 --> 00:00:22.210 22 | How do you create something let's 23 | say like this that is responsive that 24 | 25 | 00:00:22.234 --> 00:00:24.734 26 | we see all across the web. 27 | 28 | 00:00:24.810 --> 00:00:30.490 29 | A navigation bar, a header, 30 | some grids, a footer down here. 31 | 32 | 00:00:30.720 --> 00:00:34.610 33 | And how do we really make it responsive? 34 | 35 | 00:00:37.720 --> 00:00:42.820 36 | In this section we're going to 37 | build an ideal webpage layout. 38 | 39 | 00:00:42.844 --> 00:00:47.244 40 | So that moving forward you 41 | have the baseline and fondation 42 | 43 | 00:00:47.520 --> 00:00:52.959 44 | to go off and customize and build whatever 45 | sites you want that are responsive without 46 | 47 | 00:00:52.960 --> 00:00:58.740 48 | spending a lot of time trial and error trying 49 | different things with CSS hoping that it works. 50 | 51 | 00:00:58.750 --> 00:01:03.740 52 | So I'm going to show you my 53 | recommended way of laying out web pages 54 | 55 | 00:01:03.764 --> 00:01:07.640 56 | that is responsive and have that 57 | template available to you moving forward. 58 | 59 | 00:01:08.380 --> 00:01:13.730 60 | We're also going to learn about a 61 | new feature in CSS called CSS grid 62 | 63 | 00:01:13.954 --> 00:01:16.254 64 | which is a really really powerful. 65 | 66 | 00:01:16.270 --> 00:01:23.150 67 | And as you learn allows us to use 68 | this CSS grid combined with flexbox 69 | 70 | 00:01:23.174 --> 00:01:27.074 71 | to honestly not even need 72 | things like Bootstrap 4 73 | 74 | 00:01:27.250 --> 00:01:30.170 75 | or other libraries that 76 | allow you to do grids. 77 | 78 | 00:01:30.870 --> 00:01:35.130 79 | Back in the day, it was really 80 | really hard to do layout and in CSS. 81 | 82 | 00:01:35.154 --> 00:01:39.954 83 | But with tools like CSS 84 | grid and flexbox you now 85 | 86 | 00:01:40.130 --> 00:01:47.230 87 | have the ability to really build beautiful 88 | responsive layouts really really fast. 89 | 90 | 00:01:47.320 --> 00:01:48.819 91 | So let's get started. 92 | 93 | 00:01:48.820 --> 00:01:50.230 94 | See you in the next video. -------------------------------------------------------------------------------- /English/section11/introduction-to-javascript_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.360 --> 00:01.390 4 | Welcome back. 5 | 6 | 00:01.680 --> 00:05.570 7 | We're about to take the biggest step in our developer careers now. 8 | 9 | 00:06.150 --> 00:08.200 10 | This is by far my favorite thing to teach. 11 | 12 | 00:08.370 --> 00:10.100 13 | And I cannot wait to get started. 14 | 15 | 00:10.200 --> 00:17.850 16 | But before I do I want you to know one thing: When I first started learning JavaScript it was the hardest 17 | 18 | 00:17.850 --> 00:18.850 19 | thing to get. 20 | 21 | 00:19.290 --> 00:25.650 22 | I remember feeling confused and frustrated along the way and to be honest if this is your first time 23 | 24 | 00:25.650 --> 00:29.460 25 | learning a programming language you'll have those moments. 26 | 27 | 00:29.490 --> 00:35.850 28 | I'm here to tell you to stick through it. Just like learning any language; with enough time in practice, 29 | 30 | 00:36.000 --> 00:38.720 31 | you can become fluent. 32 | 33 | 00:38.730 --> 00:44.610 34 | Now unlike human language though, you don't have to remember as many words, and sentence structure. So you 35 | 36 | 00:44.610 --> 00:47.030 37 | will get there I promise you this. 38 | 39 | 00:47.070 --> 00:53.420 40 | Now don't just watch the videos in this section and fly through the content. Really work on the exercises 41 | 42 | 00:53.520 --> 00:58.840 43 | I give you at the end of the videos and make sure you understand each topic. 44 | 45 | 00:58.970 --> 01:03.460 46 | Finally, this section will teach you the basics of JavaScript. 47 | 48 | 01:03.470 --> 01:10.970 49 | It all seems very strange and detached sometimes from HTML on CSS - as a matter of fact we won't be touching 50 | 51 | 01:10.970 --> 01:13.220 52 | HTML and CSS very much. 53 | 54 | 01:13.220 --> 01:20.000 55 | However, in the next section I will show you how our new found knowledge of JavaScript can now be connected 56 | 57 | 01:20.390 --> 01:23.850 58 | to our HTML and CSS websites. 59 | 60 | 01:23.860 --> 01:26.180 61 | This is when the real magic happens. 62 | 63 | 01:26.290 --> 01:29.110 64 | So stay strong, stay determined. 65 | 66 | 01:29.320 --> 01:31.870 67 | You'll get there in due time. 68 | 69 | 01:32.000 --> 01:35.240 70 | Let's get started, shall we? See you in the next one. Bye-bye 71 | -------------------------------------------------------------------------------- /English/section19/create-react-app-3autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.470 --> 00:01.400 4 | Hey. 5 | 6 | 00:01.440 --> 00:07.680 7 | Yep it's me again talking about create react app because while they constantly keep updating create 8 | 9 | 00:07.680 --> 00:09.510 10 | react app but we know that right. 11 | 12 | 00:09.510 --> 00:12.580 13 | Tools are constantly being updated. 14 | 15 | 00:12.720 --> 00:20.460 16 | Now there's actually a new easier way of starting a create react app project and I'll link to the resource 17 | 18 | 00:20.910 --> 00:22.280 19 | but create react app. 20 | 21 | 00:22.320 --> 00:32.050 22 | Well on top of having its own page now also uses this command to actually create an app. 23 | 24 | 00:32.050 --> 00:41.370 25 | Let's have a look. So in the past we would do something like create-react-app and create our own project. 26 | 27 | 00:41.370 --> 00:48.890 28 | But now instead of us having to install create-react-app by using npm install we can now just do npx 29 | 30 | 00:48.890 --> 01:00.630 31 | and npx is actually a tool that is a package run or tool that comes with any version of NPM 5.2 32 | 33 | 01:00.700 --> 01:05.620 34 | or higher which if you're watching the video now you should have and because we've talked about how 35 | 36 | 01:05.620 --> 01:12.630 37 | to update our NPM. nNow instead of us having to install create react app now we can run npx create-react-app 38 | 39 | 01:12.630 --> 01:15.820 40 | and whatever we want to call our app. 41 | 42 | 01:15.930 --> 01:23.940 43 | So if I do let's say create react app and we'll call this project let's call it moooooo it's a cows project 44 | 45 | 01:24.240 --> 01:34.540 46 | if I now run this all right there we have it we have our project so that now I can cd into moooooo and 47 | 48 | 01:34.560 --> 01:38.300 49 | if I open the project there we go. 50 | 51 | 01:38.320 --> 01:44.800 52 | We have all our files that we're familiar with with the latest version of react and react scripts which 53 | 54 | 01:44.800 --> 01:47.560 55 | again that is that create react. 56 | 57 | 01:47.740 --> 01:53.770 58 | Now in your case I wanted to create a project that is called robofriends because in the upcoming lessons 59 | 60 | 01:53.770 --> 01:59.320 61 | we're going to create a robofriends app which is gonna be a lot of fun by the way. 62 | 63 | 01:59.320 --> 02:05.470 64 | If you want to learn more about npx I'll link to a nice resource that you can read more about it in 65 | 66 | 02:05.470 --> 02:05.970 67 | this video. 68 | 69 | 02:06.480 --> 02:06.990 70 | All right. 71 | 72 | 02:07.090 --> 02:07.920 73 | That was it. 74 | 75 | 02:07.960 --> 02:09.370 76 | Nice and easy. 77 | 78 | 02:09.370 --> 02:10.870 79 | I'll see in the next one. 80 | 81 | 02:10.930 --> 02:11.170 82 | Bye bye. 83 | -------------------------------------------------------------------------------- /English/section23/what-we-are-building_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.100 --> 00:04.090 4 | This is the most exciting part of the course. 5 | 6 | 00:04.250 --> 00:08.670 7 | And I'm really, really excited to work on this project with you. 8 | 9 | 00:08.690 --> 00:14.810 10 | We're going to be creating our final app, something that we can put in our portfolios and impress our 11 | 12 | 00:14.810 --> 00:18.000 13 | future employers. 14 | 15 | 00:18.080 --> 00:21.410 16 | We're going to use everything we've learned, up to this point. 17 | 18 | 00:21.680 --> 00:27.650 19 | And then some later on, to create a full app that has a front end using react. 20 | 21 | 00:27.650 --> 00:30.340 22 | It uses an image recognition API. 23 | 24 | 00:30.680 --> 00:34.530 25 | It has its own server, using node and express. 26 | 27 | 00:34.610 --> 00:36.910 28 | And then finally its database as well. 29 | 30 | 00:36.980 --> 00:46.780 31 | We're going to be creating something where you can sign in. 32 | 33 | 00:46.870 --> 00:52.670 34 | We will have a fully responsive web site as you can see it looks pretty nice. 35 | 36 | 00:53.560 --> 01:00.010 37 | But the cool part is, other than all these fancy animations and the sign out ability that we have, when 38 | 39 | 01:00.010 --> 01:11.450 40 | we enter an image and press detect, they'll actually detect faces and then images, 41 | 42 | 01:11.450 --> 01:11.910 43 | and put a box around it. 44 | 45 | 01:12.230 --> 01:13.730 46 | Let's try another one. 47 | 48 | 01:13.730 --> 01:26.750 49 | If I select this face, all we need is a URL to an image, and look at that, it detects the face for us. 50 | 51 | 01:26.760 --> 01:29.890 52 | So yes, you're going to build this. I'm going to help you out. 53 | 54 | 01:29.970 --> 01:37.530 55 | And by the end of this, we'll have a fully finished project. And don't worry for those that just love 56 | 57 | 01:37.620 --> 01:41.190 58 | watching, I'll provide the project files for you, 59 | 60 | 01:41.190 --> 01:43.710 61 | at the end of this course. 62 | 63 | 01:43.900 --> 01:45.050 64 | Are you excited? 65 | 66 | 01:45.440 --> 01:46.500 67 | Well, let's get started. 68 | -------------------------------------------------------------------------------- /English/section25/quick-note-bcryptautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.450 --> 00:03.780 4 | Hey everyone this is me from the future. 5 | 6 | 00:03.780 --> 00:09.720 7 | Just letting you know that in the next video we're going to talk about this package called B crypt node 8 | 9 | 00:09.950 --> 00:11.590 10 | j s. 11 | 12 | 00:11.720 --> 00:19.220 13 | Now if you go to this page now in NPM you'll get a little warning here saying that this package has 14 | 15 | 00:19.220 --> 00:23.720 16 | been deprecated and that they recommend you use something else. 17 | 18 | 00:23.720 --> 00:29.380 19 | You either use B crypt or b crypt dot J Yes. 20 | 21 | 00:29.480 --> 00:35.720 22 | Now both of these are implementations of something we're going to talk about which is B crypt and I'll 23 | 24 | 00:35.720 --> 00:41.930 25 | link to this resource so you can actually find out about the difference one is in JavaScript. 26 | 27 | 00:41.930 --> 00:44.460 28 | The other one is in C++. 29 | 30 | 00:44.660 --> 00:52.490 31 | Another programming language however for this project because this is our own personal project we're 32 | 33 | 00:52.490 --> 00:55.710 34 | going to use B crypt no J.S. still. 35 | 36 | 00:55.910 --> 01:01.530 37 | And the reason I do this is because B crypt no Jesus was specifically created. 38 | 39 | 01:01.610 --> 01:10.670 40 | So it works both on Mac and Linux as well as windows because with the other packages based on whatever 41 | 42 | 01:10.670 --> 01:14.940 43 | your operating system is you might encounter some errors. 44 | 45 | 01:15.020 --> 01:22.190 46 | So if you want you can use those packages especially when you have a real life app that stores user 47 | 48 | 01:22.190 --> 01:23.310 49 | passwords. 50 | 51 | 01:23.420 --> 01:26.130 52 | But in our case I want us to use B script. 53 | 54 | 01:26.150 --> 01:33.370 55 | No J.S. because although it's no longer maintained that is it doesn't get any updates. 56 | 57 | 01:33.440 --> 01:38.570 58 | It will guarantee that it works on all systems for this lesson. 59 | 60 | 01:39.840 --> 01:47.730 61 | So I still recommend using B crypt no J.S. if you want later on you can upgrade or change the package 62 | 63 | 01:47.730 --> 01:49.380 64 | to be crypt B crypt yes. 65 | 66 | 01:49.440 --> 01:51.930 67 | Most of the time these will work. 68 | 69 | 01:51.930 --> 01:57.230 70 | But I want to avoid anybody having issues so that we can get this project ready and deployed. 71 | 72 | 01:57.810 --> 01:59.370 73 | I'll see in the next one by. 74 | -------------------------------------------------------------------------------- /English/section26/sql-delete-from-drop-table_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.510 --> 00:01.790 4 | Welcome back. 5 | 6 | 00:02.510 --> 00:05.290 7 | Now we have our tables here. 8 | 9 | 00:05.420 --> 00:16.960 10 | But what if we wanted to delete something. Let's say Sally decides to- let's try that again. 11 | 12 | 00:18.770 --> 00:25.640 13 | Let's say Sally wants to just not be part of this app anymore and she's going to remove her user. Well 14 | 15 | 00:25.850 --> 00:27.090 16 | she can send a request. 17 | 18 | 00:27.110 --> 00:37.100 19 | And on the back end we can simply do delete the table name users and then we say which user. Well we 20 | 21 | 00:37.150 --> 00:46.790 22 | use the WHERE key word and here say name equals 'Sally', press enter. 23 | 24 | 00:46.890 --> 00:55.690 25 | And with delete, we actually have to do delete FROM so delete FROM users WHERE name equals Sally. 26 | 27 | 00:56.370 --> 00:57.620 28 | And we have one delete. 29 | 30 | 00:57.810 --> 01:05.420 31 | If I do select star from users there you go, 32 | 33 | 01:05.420 --> 01:10.120 34 | Sally's gone. All right I think we're done with this example. 35 | 36 | 01:10.280 --> 01:12.130 37 | Let's delete these tables. 38 | 39 | 01:12.140 --> 01:22.570 40 | How can we do that. We can just DROP table and say login, login has been removed and then DROP table 41 | 42 | 01:25.190 --> 01:28.660 43 | users. If I 44 | 45 | 01:28.770 --> 01:31.410 46 | look at what tables we have, 47 | 48 | 01:31.860 --> 01:36.330 49 | we have no relations, no tables. 50 | 51 | 01:36.350 --> 01:37.400 52 | All right. 53 | 54 | 01:37.730 --> 01:39.450 55 | Good job getting this far. 56 | 57 | 01:39.470 --> 01:40.450 58 | I'll see you in the next video, bye-bye. 59 | -------------------------------------------------------------------------------- /English/section26/sql-functions_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.180 --> 00:02.450 4 | Welcome back. 5 | 6 | 00:02.630 --> 00:08.870 7 | Now SQL can also have functions and I'm going to show you three of the most popular, most common 8 | 9 | 00:08.870 --> 00:14.760 10 | ones in this video. Just to check what we have in our table, well we have users. 11 | 12 | 00:14.910 --> 00:27.380 13 | And if I do SELECT star users, oop. I forgot to use FROM, we have our users. Now let's say we wanted to get 14 | 15 | 00:27.470 --> 00:30.010 16 | the average score of the users. 17 | 18 | 00:30.380 --> 00:41.300 19 | We can do that by saying SELECT average and give the column name inside of average let's say score FROM 20 | 21 | 00:42.340 --> 00:44.210 22 | users table. 23 | 24 | 00:44.470 --> 00:49.220 25 | So you can see that our function just like in Javascript has the function name 26 | 27 | 00:49.220 --> 00:58.130 28 | and then the brackets around the column that we want. Lets press enter and look at that average is 29 | 30 | 00:58.130 --> 01:00.100 31 | 84.5. 32 | 33 | 01:00.130 --> 01:01.450 34 | Very cool. 35 | 36 | 01:01.450 --> 01:02.900 37 | What other functions do we have. 38 | 39 | 01:03.100 --> 01:12.790 40 | Let's say we wanted to get the sum of everybody's age. 41 | 42 | 01:12.990 --> 01:19.520 43 | I can invoke the SUM function and find out that we have an accumulated sum of 132. 44 | 45 | 01:19.800 --> 01:26.400 46 | And then finally there's also COUNT another useful one. 47 | 48 | 01:26.630 --> 01:34.740 49 | And if we want to find out how many users we have in our database we can just say COUNT name and we have 50 | 51 | 01:35.070 --> 01:38.200 52 | four active users with our game. 53 | 54 | 01:38.220 --> 01:41.040 55 | All right we've got to work on that to increase that number. 56 | 57 | 01:41.100 --> 01:41.880 58 | Perfect. 59 | 60 | 01:41.880 --> 01:49.080 61 | There's a few more functions that you can use but these are probably the most common. You can already 62 | 63 | 01:49.080 --> 01:49.620 64 | imagine 65 | 66 | 01:49.650 --> 01:55.690 67 | some of the power that comes with these values. I'll see in the next one, bye-bye. 68 | -------------------------------------------------------------------------------- /English/section27/whats-next_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.170 --> 00:02.390 4 | Welcome back. 5 | 6 | 00:02.640 --> 00:08.410 7 | I want to just take a second to say good job getting this far. 8 | 9 | 00:09.650 --> 00:17.160 10 | I know it's not easy just following a voice and a screen and that requires a lot of motivation. 11 | 12 | 00:17.170 --> 00:20.010 13 | So again thank you for sticking in there. 14 | 15 | 00:20.170 --> 00:25.780 16 | I really hope that you've learned a lot in this and you're excited to learn even more. 17 | 18 | 00:27.380 --> 00:35.330 19 | You see we're able to start from just simple HTML to building our database and connecting it to 20 | 21 | 00:35.330 --> 00:42.320 22 | a server and creating this beautiful app that you can now see how much potential we have we can really 23 | 24 | 00:42.320 --> 00:44.590 25 | expand this to do so many things. 26 | 27 | 00:44.870 --> 00:47.520 28 | And that is why being a developer is so amazing. 29 | 30 | 00:47.660 --> 00:52.930 31 | You literally have the power to do anything you want whatever you want to build. 32 | 33 | 00:52.940 --> 00:55.850 34 | There is a way and I hope you really got that. 35 | 36 | 00:56.090 --> 01:02.090 37 | Now this app of ours there really is a lot that can be improved. 38 | 39 | 01:02.100 --> 01:11.240 40 | There is a ton of things that we can clean up a lot of validation that we'll need to fix and some optimizations 41 | 42 | 01:12.640 --> 01:18.720 43 | but following somebody on a project can get pretty daunting. 44 | 45 | 01:18.770 --> 01:20.160 46 | So I want to hear from you. 47 | 48 | 01:20.180 --> 01:25.220 49 | I want to hear why you want to see next how we would like to improve this app. 50 | 51 | 01:25.250 --> 01:31.310 52 | Maybe you want to create sessions so that if I come back to this app I don't have to log in every single 53 | 54 | 01:31.310 --> 01:33.610 55 | time. 56 | 57 | 01:33.720 --> 01:37.340 58 | Maybe you want to just expand on this and create a user profile. 59 | 60 | 01:38.230 --> 01:41.730 61 | So that we can update and delete users. 62 | 63 | 01:43.500 --> 01:49.140 64 | Let me know what you think you want to do in this course because I want this to be fluid. 65 | 66 | 01:49.140 --> 01:52.200 67 | I wanted to learn things say you are actually interested in. 68 | 69 | 01:52.260 --> 01:58.730 70 | So let me know and I will keep working on this app with whatever new features you want to add. 71 | 72 | 02:00.470 --> 02:04.650 73 | But again good job you've gotten this far. 74 | 75 | 02:04.650 --> 02:10.900 76 | Boy it definitely took me a long time to record these videos and I'm glad that we got here as well. 77 | 78 | 02:11.030 --> 02:13.490 79 | But there's so much more to learn. 80 | 81 | 02:14.810 --> 02:15.870 82 | I'll see you in the next one. Bye-bye. 83 | -------------------------------------------------------------------------------- /English/section28/deploying-to-heroku-part-3autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.790 --> 00:02.510 4 | Welcome back. 5 | 6 | 00:02.510 --> 00:03.280 7 | All right. 8 | 9 | 00:03.410 --> 00:13.280 10 | So the reason the image endpoint wasn't working was because of a silly silly error. I had left the port 11 | 12 | 00:13.370 --> 00:15.870 13 | over here which shouldn't be here. 14 | 15 | 00:15.890 --> 00:23.000 16 | As you can see our Heroku app is hosted there and we don't need the port. 17 | 18 | 00:23.120 --> 00:36.360 19 | So if I saved this let's actually create a new user. We'll register Teddy this time and Teddy at G-mail dot 20 | 21 | 00:36.350 --> 00:43.790 22 | com has a password of 1 2 3 we will register and let's grab another face 23 | 24 | 00:48.030 --> 00:49.440 25 | grab this face this time 26 | 27 | 00:53.810 --> 00:55.820 28 | we'll paste that in here. 29 | 30 | 00:55.820 --> 00:59.110 31 | Detect and look at that. 32 | 33 | 00:59.110 --> 01:03.450 34 | This is now updating and everything is working as intended. 35 | 36 | 01:06.040 --> 01:13.700 37 | If we go back to our server we see that our image endpoint finally gets hit and everything is working. 38 | 39 | 01:13.810 --> 01:17.670 40 | Amazingly How cool is that. 41 | 42 | 01:17.680 --> 01:26.860 43 | We've just deployed a server and a database and they're both communicating together with the front end 44 | 45 | 01:26.860 --> 01:27.680 46 | as well. 47 | 48 | 01:28.650 --> 01:34.900 49 | So cool in the next video we're going to deploy our front end application on Heroku as well. 50 | 51 | 01:34.900 --> 01:39.670 52 | So we have three different servers running for us. 53 | 54 | 01:39.670 --> 01:44.350 55 | We could put it on Github pages but that's something that we've already done and I'm excited after 56 | 57 | 01:44.350 --> 01:47.160 58 | doing these two so let's put this on Heroku as well. 59 | 60 | 01:47.230 --> 01:48.620 61 | I'll see on that one. 62 | 63 | 01:48.720 --> 01:48.970 64 | Bye-Bye. 65 | -------------------------------------------------------------------------------- /English/section31/installing-nodejs-for-windowsautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.090 --> 00:05.200 4 | Well come back and stall and good for Windows was real fun wasn't it. 5 | 6 | 00:05.700 --> 00:08.770 7 | Now it's time to install notice on our windows machines. 8 | 9 | 00:08.880 --> 00:18.740 10 | For this week visit their website noti has taught or book and pick Starla for Windows. 11 | 12 | 00:18.750 --> 00:22.400 13 | This takes a while depending on the internet connection which you have. 14 | 15 | 00:22.510 --> 00:24.800 16 | I've already downloaded it. 17 | 18 | 00:25.450 --> 00:30.850 19 | OK then let's start to install it next. 20 | 21 | 00:31.380 --> 00:42.720 22 | And then of course you can read through all the light sensing agreement except these that don't change 23 | 24 | 00:42.720 --> 00:45.200 25 | to install directory and leave it. 26 | 27 | 00:45.250 --> 00:45.440 28 | OK. 29 | 30 | 00:45.440 --> 00:48.000 31 | And this is an important point. 32 | 33 | 00:48.000 --> 00:53.270 34 | Everything should be configured automatically but let's double check it. 35 | 36 | 00:53.610 --> 01:02.280 37 | I will install Also this on the local drive and that the path means that this get reaches that the system 38 | 39 | 01:02.280 --> 01:09.180 40 | in the PATH variable which makes the note and the NPM command and waybill on your command prompt. 41 | 42 | 01:09.690 --> 01:11.910 43 | Then hit next and install 44 | 45 | 01:15.120 --> 01:16.150 46 | this takes a while. 47 | 48 | 01:16.150 --> 01:25.950 49 | Let me fast forward things that you don't have to wait. 50 | 51 | 01:26.240 --> 01:29.020 52 | OK now it's finished. 53 | 54 | 01:29.050 --> 01:31.300 55 | Finish close this. 56 | 57 | 01:31.440 --> 01:36.050 58 | This Let's start to come out and prompt to check if it is. 59 | 60 | 01:36.100 --> 01:40.150 61 | It's stalled probably typing no dish. 62 | 63 | 01:40.150 --> 01:42.630 64 | We hit enter. 65 | 66 | 01:42.670 --> 01:43.440 67 | All right. 68 | 69 | 01:43.450 --> 01:46.330 70 | Rojan eight point twelve point Ciro. 71 | 72 | 01:46.450 --> 01:50.610 73 | And let's check if NPM is also installed on my system. 74 | 75 | 01:51.040 --> 01:55.420 76 | Yes it is where six point four point one. 77 | 78 | 01:55.670 --> 02:02.150 79 | And this is holloing install not years and NPM at the same time because they ship with one installer 80 | 81 | 02:02.480 --> 02:07.040 82 | in the next lecture we will install postscripts Eskew on our windows machines. 83 | 84 | 02:07.360 --> 02:10.520 85 | This one's real fun and really excited about it. 86 | 87 | 02:10.540 --> 02:11.920 88 | I'll see you on the next one. 89 | 90 | 91 | -------------------------------------------------------------------------------- /English/section31/introduction-from-wolfgangautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.120 --> 00:07.070 4 | Hello and welcome to the section for Windows users you might ask yourself. 5 | 6 | 00:07.560 --> 00:10.280 7 | Wait hold on a sec who is this guy. 8 | 9 | 00:10.380 --> 00:11.600 10 | This is not Andre. 11 | 12 | 00:11.740 --> 00:13.950 13 | Did I pick the wrong course. 14 | 15 | 00:13.980 --> 00:16.860 16 | Don't worry you are on the right course. 17 | 18 | 00:16.860 --> 00:23.570 19 | Let me introduce myself and Wolfgang you might know me already from the Q and A or from this court. 20 | 21 | 00:23.910 --> 00:27.170 22 | I work full stock developer in 2010. 23 | 24 | 00:27.510 --> 00:30.420 25 | Since 2011 I've worked as a paramedic. 26 | 27 | 00:30.420 --> 00:36.320 28 | I also enrolled in this course in February 2000 18 and finished it on April 2018. 29 | 30 | 00:36.720 --> 00:41.030 31 | Andrei gave me back my passion again about full stock development. 32 | 33 | 00:41.520 --> 00:44.100 34 | I made our project work on my computer and helped. 35 | 36 | 00:44.100 --> 00:47.000 37 | Also a few students to make it work for them. 38 | 39 | 00:47.400 --> 00:53.100 40 | Now I got this great opportunity to show you how you can make all the tools that you need throughout 41 | 42 | 00:53.100 --> 00:55.210 43 | this course work on your system. 44 | 45 | 00:55.350 --> 00:56.660 46 | Enough about me. 47 | 48 | 00:56.760 --> 01:01.670 49 | Let us dive into the first lecture where we talk about the installation of good on Windows. 50 | 51 | 01:01.680 --> 01:03.200 52 | I'll see you in the next one. 53 | 54 | 55 | -------------------------------------------------------------------------------- /German/section02/what-does-a-developer-dogenerated_edit-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.690 --> 00:02.260 4 | Und willkommen zurück. 5 | 6 | 00:02.270 --> 00:06.910 7 | In diesem letzten Video möchte ich Ihnen zeigen, worum es in diesem Kurs geht, was wir in diesem Kurs lernen 8 | 9 | 00:06.910 --> 00:09.670 10 | und was wir am Ende machen können. 11 | 12 | 00:09.710 --> 00:16.010 13 | Vielleicht haben Sie den Begriff Full-Stack-Entwickler Front-End-Entwickler, Back-End-Entwickler gehört. Und schauen 14 | 15 | 00:16.010 --> 00:17.050 16 | dieses Diagramm 17 | 18 | 00:17.060 --> 00:23.500 19 | Sie beginnen zu erkennen, dass Sie wissen, HTML, CSS Javascript Sie sehen, Reagieren dort, wir werden dazu kommen, 20 | 21 | 00:23.500 --> 00:29.360 22 | Mach dir keine Sorgen, aber das macht ein Frontend-Entwickler. Der Frontend-Entwickler ist die Person 23 | 24 | 00:29.840 --> 00:37.190 25 | Wer stellt sicher, dass, wenn wir den Browser öffnen und zu Google.com gehen, dass wir Google sehen, wir es sehen 26 | 27 | 00:37.310 --> 00:44.270 28 | schön und schön angelegt, hat eine Suchleiste, im Wesentlichen alles, was ein Benutzer sieht, die 29 | 30 | 00:44.270 --> 00:51.550 31 | Front-End-Entwickler tut. Und das sind HTML, CSS, Javascript, React und ein paar andere Tools. 32 | 33 | 00:51.650 --> 00:58.340 34 | Der Backend-Entwickler, also eine Person, die mit dem Server arbeitet, stellt sicher, dass ein Browser spricht 35 | 36 | 00:58.340 --> 01:06.140 37 | dazu dient es diese Dateien und verwendet einige Technologie wie Node.js, Express.js, die wir gehen 38 | 39 | 01:06.140 --> 01:11.690 40 | um hineinzukommen, und dann wird dieser Server auch mit einer Datenbank sprechen; Wieder haben wir nicht wirklich diskutiert 41 | 42 | 01:11.690 --> 01:17.470 43 | das ist zu viel, aber keine Sorge, es wird einen Abschnitt darüber geben, und das wird PostgreSQL verwenden 44 | 45 | 01:17.480 --> 01:20.560 46 | und wir werden das auch lernen. 47 | 48 | 01:20.570 --> 01:27.770 49 | Daher möchten wir Sie als Full-Stack-Entwickler aufbauen, um mit all diesen Technologien arbeiten zu können 50 | 51 | 01:28.170 --> 01:31.970 52 | alles dreht sich um eine Webanwendung, 53 | 54 | 01:32.000 --> 01:34.160 55 | Sie können bauen, also aufgeregt sein. 56 | 57 | 01:34.160 --> 01:35.600 58 | Du wirst das alles lernen. 59 | 60 | 01:35.600 --> 01:42.670 61 | Es sieht überwältigend aus, aber vertrauen Sie mir, genau so wie der Abschnitt "Internet Works" alles machen wird 62 | 63 | 01:42.670 --> 01:43.420 64 | Sinn. 65 | 66 | 01:43.810 --> 01:45.510 67 | Also werde ich den nächsten sehen. 68 | 69 | 01:45.680 --> 01:45.880 70 | Tschüss. 71 | -------------------------------------------------------------------------------- /German/section04/html-tags-2_edit-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.850 --> 00:07.620 4 | Und willkommen zurück. Im vorherigen Video haben wir über einige der üblichen HTML-Tags gesprochen. 5 | 6 | 00:07.630 --> 00:12.790 7 | Wir werden dieses Wissen erweitern und ein paar mehr lernen. Also werde ich diese löschen, und ich gehe 8 | 9 | 00:12.790 --> 00:17.360 10 | um Ihnen etwas beizubringen, das eine "Bestellliste" genannt wird. 11 | 12 | 00:17.410 --> 00:24.110 13 | Also ein "ol" -Tag, und in diesem Tag haben wir li "li" -Elemente - 14 | 15 | 00:27.140 --> 00:39.800 16 | "Banane" und, ein anderer Listenpunkt, "Apfel" und schließlich "Orange". 17 | 18 | 00:39.810 --> 00:48.200 19 | Also, wenn ich das wieder spare, erfrische ich mich und wir haben Banane, Apfel, Orange. Sie können hier sehen, dass Sie so sind 20 | 21 | 00:48.200 --> 00:49.370 22 | Listen erstellen. 23 | 24 | 00:49.640 --> 00:53.480 25 | Und das ist eine "Bestellliste", also können Sie sehen, dass wir "1, 2, 3" haben. 26 | 27 | 00:53.780 --> 00:59.350 28 | Wenn wir es ohne die Zahlen machen wollen, benutzen wir etwas, das 'ungeordnete Liste' genannt wird, 'ul'. 29 | 30 | 00:59.390 --> 01:03.420 31 | Und wieder rette ich das und erfrische, und wir haben diese. 32 | 33 | 01:03.450 --> 01:06.470 34 | Jetzt gibt es auch Unterfelder, die Sie verwenden können. 35 | 36 | 01:06.470 --> 01:10.750 37 | Es geht also wieder um Verschachtelung, Eltern-Tags und Kinder-Tags. 38 | 39 | 01:10.880 --> 01:18.080 40 | Also sagen wir mal in "Äpfel" wollten wir haben - lass mich strukturieren das sind ein bisschen sauberer, 41 | 42 | 01:19.640 --> 01:22.010 43 | Da gehst du, in 'Äpfel'. 44 | 45 | 01:22.010 --> 01:30.160 46 | Wir möchten auch betonen, dass es den "Fuji" -Apfel gibt und "honey crisp". 47 | 48 | 01:30.290 --> 01:38.170 49 | Und während ich mir keine dritte Art von Apfel vorstellen kann, werde ich das löschen. Wenn ich das speichere und aktualisiere, 50 | 51 | 01:38.330 --> 01:44.540 52 | Nun, wir haben eine verschachtelte Liste. Da haben Sie es, Sie haben Ihre Listenelemente. Ich werde im nächsten Video sehen, wo 53 | 54 | 01:44.540 --> 01:49.760 55 | Wir werden lernen, wie man Bilder in unsere Website und selbstschließende Tags einfügt. 56 | 57 | 01:49.800 --> 01:50.510 58 | Wir sehen uns im nächsten. 59 | -------------------------------------------------------------------------------- /German/section05/html-challenge_edit-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.090 --> 00:04.580 4 | Puh! Kannst du glauben, dass du es bis hierher geschafft hast? 5 | 6 | 00:04.680 --> 00:12.090 7 | Ich meine, am Anfang haben Sie wahrscheinlich keine Ahnung, was das alles bedeutet und sehen Sie jetzt an, wissen Sie 8 | 9 | 00:12.090 --> 00:14.680 10 | was jede einzelne Zeile bedeutet. 11 | 12 | 00:15.480 --> 00:16.390 13 | Weißt du was. 14 | 15 | 00:16.730 --> 00:19.120 16 | Das ist es ziemlich, für HTML. 17 | 18 | 00:19.160 --> 00:20.660 19 | Es ist nicht sehr schwer. 20 | 21 | 00:20.660 --> 00:26.000 22 | Sie müssen sich nur ein paar Tags merken und es ist sehr einfach zu testen und zu spielen. 23 | 24 | 00:26.000 --> 00:28.460 25 | Nennen Sie sich also einen HTML-Entwickler! 26 | 27 | 00:32.040 --> 00:38.430 28 | Ich habe ein lustiges kleines Spiel für dich, wie du hier sehen kannst, wir haben eine einfache Webseite erstellt, wo ich kann 29 | 30 | 00:38.520 --> 00:39.830 31 | Link zu einer anderen Seite 32 | 33 | 00:39.840 --> 00:46.110 34 | Ich kann zurückgehen, ich kann sogar auf registrieren klicken und ein Formular abschicken. 35 | 36 | 00:46.240 --> 00:50.580 37 | Ich möchte, dass Sie versuchen, Ihre eigene kleine Website hier zu bauen. 38 | 39 | 00:50.710 --> 00:57.300 40 | Und wenn Sie fertig sind, gebe ich den Link zu meiner E-Mail in der folgenden Beschreibung an. 41 | 42 | 00:57.340 --> 01:05.260 43 | Senden Sie mir Ihre erste Website und ich werde einige meiner Favoriten in einem kommenden Video vorstellen. 44 | 45 | 01:05.350 --> 01:06.570 46 | Wir sehen uns im nächsten. 47 | 48 | 01:06.770 --> 01:07.050 49 | Tschüss 50 | -------------------------------------------------------------------------------- /German/section07/exercise-robot-animation_edit-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.750 --> 00:06.740 4 | Hallo! Das ist dein neuer Roboterfreund und ich habe eine lustige kleine Herausforderung für dich. 5 | 6 | 00:06.810 --> 00:10.230 7 | Ich habe diesen Roboter geschaffen, der eigentlich ziemlich cool ist. 8 | 9 | 00:10.230 --> 00:18.310 10 | Während du schwebst, wird sein Kopf groß und er kann auch tanzen:00:18.310 --> 00:23.720 11 | Jetzt ist hier die Herausforderung:Ich habe den Großteil dieses Roboters geschaffen. 12 | 13 | 00:23.730 --> 00:27.360 14 | Aber Sie müssen es zuerst zusammenbauen, so sieht es so aus. 15 | 16 | 00:27.820 --> 00:35.030 17 | Und im nächsten Abschnitt habe ich ein paar Dateien für dich hinterlassen:eine Indexdatei und die CSS-Datei. 18 | 19 | 00:35.140 --> 00:42.430 20 | Das einzige Problem ist, dass diese Teile alle auf der Seite sind und ich brauche Sie, um sie zu montieren, damit Sie 21 | 22 | 00:42.430 --> 00:44.190 23 | kann auch einen Roboterfreund haben. 24 | 25 | 00:44.230 --> 00:51.100 26 | Im folgenden Abschnitt nach der Übung habe ich die Lösung, die Sie verwenden können, aber versuchen Sie es 27 | 28 | 00:51.670 --> 00:54.660 29 | und hoffentlich hast du auch einen neuen Roboterfreund. 30 | -------------------------------------------------------------------------------- /German/section07/responsive-ui_edit-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.390 --> 00:06.540 4 | Willkommen zurück! Wann immer Sie eine Anfrage von einem Arbeitgeber haben, eine Website oder eine Web App zu erstellen, eine von 5 | 6 | 00:06.540 --> 00:15.170 7 | Die ersten Dinge, nach denen sie fragen, ist sicherzustellen, dass Ihre Website reaktionsfähig ist. Was ist Responsive UI? 8 | 9 | 00:15.270 --> 00:20.760 10 | Nun, ich kann es Ihnen zeigen, indem ich die Entwicklerwerkzeuge öffne, die wir jetzt kennen sollten und Sie werden sehen 11 | 12 | 00:20.760 --> 00:24.630 13 | hier, dass es ein kleines Telefonsymbol gibt. 14 | 15 | 00:25.020 --> 00:32.350 16 | Wenn wir darauf klicken, wird es Ihnen zeigen, warum Ihre Website auf einem iPhone aussehen wird. 17 | 18 | 00:32.440 --> 00:33.740 19 | Lass uns das ein bisschen größer machen. 20 | 21 | 00:33.760 --> 00:38.160 22 | Also machen wir 100% der Größe. Perfekt. 23 | 24 | 00:38.170 --> 00:42.840 25 | Sie werden sehen, dass Ihre Website auf einem iPhone so aussieht. 26 | 27 | 00:43.150 --> 00:50.050 28 | Und wenn wir ein iPad machen. Nun, es sieht so aus und wenn es sich dreht, sieht es gut aus. 29 | 30 | 00:50.170 --> 00:58.840 31 | So reaktionsschnell bedeutet, dass Ihre Website, egal was, ob es auf dem großen Bildschirm oder so ähnlich ist 32 | 33 | 00:58.840 --> 01:00.650 34 | ein iPad. 35 | 36 | 01:00.750 --> 01:01.680 37 | Es reagiert. 38 | 39 | 01:01.680 --> 01:03.810 40 | Das bedeutet, dass es keine Cut-offs gibt. 41 | 42 | 01:03.810 --> 01:08.540 43 | Alles sieht gut aus, egal wie groß der Bildschirm ist. 44 | 45 | 01:08.550 --> 01:15.480 46 | Wenn wir also auf unsere Website zurückkehren und die Entwickler-Tabs schließen, kann ich damit umgehen - offen 47 | 48 | 01:15.510 --> 01:17.820 49 | und schließen und sehen, dass es anspricht. 50 | 51 | 01:17.820 --> 01:20.840 52 | Die Website sieht unabhängig von der Größe gut aus. 53 | 54 | 01:20.850 --> 01:27.810 55 | Und Benutzer können die Erfahrung genießen und nicht ausgeschaltet werden, weil sie auf sie zugreifen 56 | 57 | 01:28.140 --> 01:32.400 58 | ihr iPad, zu Hause, auf ihrer Couch sieht es immer noch gut aus. 59 | 60 | 01:32.430 --> 01:38.360 61 | Denken Sie also daran:Responsive UI sollte beim Erstellen von Websites Priorität haben. 62 | 63 | 01:38.520 --> 01:40.110 64 | Wir sehen uns im nächsten. Tschüss 65 | -------------------------------------------------------------------------------- /German/section08/exercise-startup-landing-page_edit-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.330 --> 00:07.780 4 | Gute Arbeit, so weit im Kurs zu sein. Du solltest stolz auf dich sein. Jetzt alles verwenden, was wir haben 5 | 6 | 00:07.780 --> 00:14.170 7 | Bisher haben wir viel gelernt und bauen unsere erste Start-Zielseite. 8 | 9 | 00:14.200 --> 00:25.590 10 | Ich möchte, dass du so etwas aufbaust. Etwas reagiert mit einem Hintergrundbild, etwas Text 11 | 12 | 00:25.590 --> 00:26.860 13 | und ein hübscher kleiner Knopf. 14 | 15 | 00:27.140 --> 00:33.800 16 | Und in der nächsten Lektion können Sie entweder diese Dateien von dieser Website herunterladen und diese einfach als Demo oder verwenden 17 | 18 | 00:33.800 --> 00:37.460 19 | deine eigenen und ich werde dir zeigen, wie es geht. 20 | 21 | 00:38.390 --> 00:39.250 22 | Stimmt. 23 | 24 | 00:39.320 --> 00:44.720 25 | Wir werden ein Anmeldeformular erstellen. Damit Sie das nächste Mal Ihre große Startidee haben, können Sie peitschen 26 | 27 | 00:44.720 --> 00:48.570 28 | eine Website wirklich wirklich schnell und fangen an, einige E-Mails zu sammeln. 29 | 30 | 00:49.530 --> 00:51.480 31 | Wir sehen uns im nächsten. Tschüss 32 | -------------------------------------------------------------------------------- /German/section10/introduction-to-javascript_edit-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.360 --> 00:01.390 4 | Willkommen zurück. 5 | 6 | 00:01.680 --> 00:05.570 7 | Wir werden jetzt den größten Schritt in unserer Entwicklerkarriere machen. 8 | 9 | 00:06.150 --> 00:08.200 10 | Dies ist bei weitem meine Lieblingsbeschäftigung. 11 | 12 | 00:08.370 --> 00:10.100 13 | Und ich kann es kaum erwarten, loszulegen. 14 | 15 | 00:10.200 --> 00:17.850 16 | Aber vorher möchte ich, dass Sie eines wissen:Als ich anfing, JavaScript zu lernen, war es das Schwierigste 17 | 18 | 00:17.850 --> 00:18.850 19 | Ding zu bekommen. 20 | 21 | 00:19.290 --> 00:25.650 22 | Ich erinnere mich, dass ich mich auf dem Weg verwirrt und frustriert fühlte und um ehrlich zu sein, wenn dies das erste Mal ist 23 | 24 | 00:25.650 --> 00:29.460 25 | Wenn du eine Programmiersprache lernst, wirst du diese Momente haben. 26 | 27 | 00:29.490 --> 00:35.850 28 | Ich bin hier, um dir zu sagen, dass du dich durchhalten sollst. Genau wie jede Sprache zu lernen; mit genügend Zeit in der Praxis, 29 | 30 | 00:36.000 --> 00:38.720 31 | Sie können fließend werden. 32 | 33 | 00:38.730 --> 00:44.610 34 | Anders als die menschliche Sprache müssen Sie sich nicht mehr so ​​viele Wörter und Satzstrukturen merken. Also du 35 | 36 | 00:44.610 --> 00:47.030 37 | Ich werde dir das versprechen. 38 | 39 | 00:47.070 --> 00:53.420 40 | Schau dir jetzt nicht nur die Videos in diesem Abschnitt an und fliege durch den Inhalt. Wirklich an den Übungen arbeiten 41 | 42 | 00:53.520 --> 00:58.840 43 | Ich gebe dir am Ende der Videos und vergewissere dich, dass du jedes Thema verstehst. 44 | 45 | 00:58.970 --> 01:03.460 46 | In diesem Abschnitt lernen Sie schließlich die Grundlagen von JavaScript. 47 | 48 | 01:03.470 --> 01:10.970 49 | Alles scheint sehr seltsam und manchmal von HTML auf CSS losgelöst - in der Tat werden wir nicht berühren 50 | 51 | 01:10.970 --> 01:13.220 52 | HTML und CSS sehr. 53 | 54 | 01:13.220 --> 01:20.000 55 | Im nächsten Abschnitt werde ich Ihnen zeigen, wie unser neu gefundenes Wissen über JavaScript jetzt verbunden werden kann 56 | 57 | 01:20.390 --> 01:23.850 58 | zu unseren HTML- und CSS-Websites. 59 | 60 | 01:23.860 --> 01:26.180 61 | Dies ist, wenn die wahre Magie passiert. 62 | 63 | 01:26.290 --> 01:29.110 64 | Also bleib stark, bleib entschlossen. 65 | 66 | 01:29.320 --> 01:31.870 67 | Sie werden rechtzeitig ankommen. 68 | 69 | 01:32.000 --> 01:35.240 70 | Lass uns anfangen, sollen wir? Wir sehen uns im nächsten. Tschüss 71 | -------------------------------------------------------------------------------- /German/section22/what-we-are-building_edit-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.100 --> 00:04.090 4 | Dies ist der aufregendste Teil des Kurses. 5 | 6 | 00:04.250 --> 00:08.670 7 | Und ich bin wirklich sehr aufgeregt, mit dir an diesem Projekt zu arbeiten. 8 | 9 | 00:08.690 --> 00:14.810 10 | Wir werden unsere finale App erstellen, etwas, das wir in unsere Portfolios einfügen können und unser beeindrucken können 11 | 12 | 00:14.810 --> 00:18.000 13 | zukünftige Arbeitgeber. 14 | 15 | 00:18.080 --> 00:21.410 16 | Wir werden alles verwenden, was wir bisher gelernt haben. 17 | 18 | 00:21.680 --> 00:27.650 19 | Und dann später, um eine vollständige App zu erstellen, die ein Frontend mit react hat. 20 | 21 | 00:27.650 --> 00:30.340 22 | Es verwendet eine Bilderkennungs-API. 23 | 24 | 00:30.680 --> 00:34.530 25 | Es hat einen eigenen Server, Knoten und Express verwenden. 26 | 27 | 00:34.610 --> 00:36.910 28 | Und dann endlich auch seine Datenbank. 29 | 30 | 00:36.980 --> 00:46.780 31 | Wir werden etwas erstellen, wo du dich anmelden kannst. 32 | 33 | 00:46.870 --> 00:52.670 34 | Wir werden eine voll reaktionsfähige Website haben, wie Sie sehen können, sieht es ziemlich nett aus. 35 | 36 | 00:53.560 --> 01:00.010 37 | Aber der coole Teil ist, abgesehen von all diesen fantastischen Animationen und der Abmeldefähigkeit, die wir haben, wann 38 | 39 | 01:00.010 --> 01:11.450 40 | wir geben ein Bild ein und drücken Detect, sie werden tatsächlich Gesichter und dann Bilder erkennen, 41 | 42 | 01:11.450 --> 01:11.910 43 | und lege eine Schachtel darum. 44 | 45 | 01:12.230 --> 01:13.730 46 | Versuchen wir es mit einem anderen. 47 | 48 | 01:13.730 --> 01:26.750 49 | Wenn ich dieses Gesicht auswähle, brauchen wir nur eine URL zu einem Bild und schauen uns das an, es erkennt das Gesicht für uns. 50 | 51 | 01:26.760 --> 01:29.890 52 | Also ja, du wirst das bauen. Ich werde dir helfen. 53 | 54 | 01:29.970 --> 01:37.530 55 | Und am Ende haben wir ein vollendetes Projekt. Und sorgen Sie sich nicht für diejenigen, die nur lieben 56 | 57 | 01:37.620 --> 01:41.190 58 | beobachten, ich werde die Projektdateien für Sie bereitstellen, 59 | 60 | 01:41.190 --> 01:43.710 61 | am Ende dieses Kurses. 62 | 63 | 01:43.900 --> 01:45.050 64 | Bist du aufgeregt? 65 | 66 | 01:45.440 --> 01:46.500 67 | Nun, fangen wir an. 68 | -------------------------------------------------------------------------------- /German/section25/sql-delete-from-drop-table_edit-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.510 --> 00:01.790 4 | Willkommen zurück. 5 | 6 | 00:02.510 --> 00:05.290 7 | Jetzt haben wir unsere Tische hier. 8 | 9 | 00:05.420 --> 00:16.960 10 | Aber was, wenn wir etwas löschen wollten. Lass uns sagen, Sally entscheidet sich - lass es uns nochmal versuchen. 11 | 12 | 00:18.770 --> 00:25.640 13 | Nehmen wir an, Sally möchte einfach nicht mehr Teil dieser App sein und sie wird ihren Nutzer entfernen. Gut 14 | 15 | 00:25.850 --> 00:27.090 16 | Sie kann eine Anfrage senden. 17 | 18 | 00:27.110 --> 00:37.100 19 | Und am Ende können wir einfach den Tabellennamen Benutzer löschen und dann sagen wir welchen Benutzer. Also, wir 20 | 21 | 00:37.150 --> 00:46.790 22 | Verwende das WHERE-Schlüsselwort und sage hier "Sally", drücke Enter. 23 | 24 | 00:46.890 --> 00:55.690 25 | Und mit delete müssen wir eigentlich löschen FROM löschen von Benutzern WHERE Name entspricht Sally. 26 | 27 | 00:56.370 --> 00:57.620 28 | Und wir haben einen löschen. 29 | 30 | 00:57.810 --> 01:05.420 31 | Wenn ich dort Sterne von Nutzern auswähle, gehst du, 32 | 33 | 01:05.420 --> 01:10.120 34 | Sally ist weg. In Ordnung, ich denke, wir sind mit diesem Beispiel fertig. 35 | 36 | 01:10.280 --> 01:12.130 37 | Lassen Sie uns diese Tabellen löschen. 38 | 39 | 01:12.140 --> 01:22.570 40 | Wie können wir das machen. Wir können einfach DROP Tabelle und sagen Login, Login wurde entfernt und dann DROP Tabelle 41 | 42 | 01:25.190 --> 01:28.660 43 | Benutzer. Wenn ich 44 | 45 | 01:28.770 --> 01:31.410 46 | schau, welche Tische wir haben, 47 | 48 | 01:31.860 --> 01:36.330 49 | Wir haben keine Beziehungen, keine Tabellen. 50 | 51 | 01:36.350 --> 01:37.400 52 | Gut. 53 | 54 | 01:37.730 --> 01:39.450 55 | Gute Arbeit, so weit zu kommen. 56 | 57 | 01:39.470 --> 01:40.450 58 | Wir sehen uns im nächsten Video, Tschüss. 59 | -------------------------------------------------------------------------------- /German/section25/sql-functions_edit-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.180 --> 00:02.450 4 | Willkommen zurück. 5 | 6 | 00:02.630 --> 00:08.870 7 | Jetzt kann SQL auch Funktionen haben, und ich werde Ihnen drei der beliebtesten, am häufigsten zeigen 8 | 9 | 00:08.870 --> 00:14.760 10 | diejenigen in diesem Video. Nur um zu überprüfen, was wir in unserer Tabelle haben, haben wir Benutzer. 11 | 12 | 00:14.910 --> 00:27.380 13 | Und wenn ich SELECT Sternbenutzer, oop. Ich habe vergessen, FROM zu verwenden, wir haben unsere Benutzer. Sagen wir mal, wir wollten es bekommen 14 | 15 | 00:27.470 --> 00:30.010 16 | die durchschnittliche Punktzahl der Benutzer. 17 | 18 | 00:30.380 --> 00:41.300 19 | Wir können das tun, indem wir SELECT Durchschnitt sagen und den Spaltennamen innerhalb des Durchschnitts angeben, sagen wir, dass er von FROM punktet 20 | 21 | 00:42.340 --> 00:44.210 22 | Benutzer Tabelle. 23 | 24 | 00:44.470 --> 00:49.220 25 | So können Sie sehen, dass unsere Funktion genau wie in Javascript den Funktionsnamen hat 26 | 27 | 00:49.220 --> 00:58.130 28 | und dann die Klammern um die Spalte, die wir wollen. Drücken Sie Enter und sehen Sie sich den Durchschnitt an 29 | 30 | 00:58.130 --> 01:00.100 31 | 84.5. 32 | 33 | 01:00.130 --> 01:01.450 34 | Sehr cool. 35 | 36 | 01:01.450 --> 01:02.900 37 | Welche anderen Funktionen haben wir? 38 | 39 | 01:03.100 --> 01:12.790 40 | Nehmen wir an, wir wollten die Summe aller Altersgruppen erhalten. 41 | 42 | 01:12.990 --> 01:19.520 43 | Ich kann die SUM Funktion aufrufen und herausfinden, dass wir eine Summe von 132 haben. 44 | 45 | 01:19.800 --> 01:26.400 46 | Und dann gibt es noch COUNT noch einen nützlichen. 47 | 48 | 01:26.630 --> 01:34.740 49 | Und wenn wir herausfinden möchten, wie viele Benutzer wir in unserer Datenbank haben, können wir einfach COUNT Namen sagen und wir haben 50 | 51 | 01:35.070 --> 01:38.200 52 | vier aktive Nutzer mit unserem Spiel. 53 | 54 | 01:38.220 --> 01:41.040 55 | In Ordnung, wir müssen daran arbeiten, um diese Zahl zu erhöhen. 56 | 57 | 01:41.100 --> 01:41.880 58 | Perfekt. 59 | 60 | 01:41.880 --> 01:49.080 61 | Es gibt ein paar mehr Funktionen, die Sie verwenden können, aber diese sind wahrscheinlich am häufigsten. Das kannst du schon 62 | 63 | 01:49.080 --> 01:49.620 64 | vorstellen 65 | 66 | 01:49.650 --> 01:55.690 67 | etwas von der Kraft, die mit diesen Werten einhergeht. Ich werde im nächsten auf Wiedersehen sehen. 68 | -------------------------------------------------------------------------------- /German/section27/deploying-to-heroku-part-3autogenerated-de.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.790 --> 00:02.510 4 | Willkommen zurück. 5 | 6 | 00:02.510 --> 00:03.280 7 | Gut. 8 | 9 | 00:03.410 --> 00:13.280 10 | Der Grund dafür, dass der Bildendpunkt nicht funktionierte, lag an einem albernen, dummen Fehler. Ich hatte den Hafen verlassen 11 | 12 | 00:13.370 --> 00:15.870 13 | hier drüben, was nicht hier sein sollte. 14 | 15 | 00:15.890 --> 00:23.000 16 | Wie Sie sehen können, ist unsere Heroku App dort gehostet und wir brauchen den Port nicht. 17 | 18 | 00:23.120 --> 00:36.360 19 | Wenn ich das also gespeichert habe, lass uns einen neuen Benutzer erstellen. Wir werden Teddy diesmal und Teddy bei G-mail dot registrieren 20 | 21 | 00:36.350 --> 00:43.790 22 | com hat ein Passwort von 1 2 3 wir werden registrieren und lassen Sie uns ein anderes Gesicht greifen 23 | 24 | 00:48.030 --> 00:49.440 25 | nimm dieses Gesicht diesmal 26 | 27 | 00:53.810 --> 00:55.820 28 | Wir werden das hier einfügen. 29 | 30 | 00:55.820 --> 00:59.110 31 | Erkenne und sieh dir das an. 32 | 33 | 00:59.110 --> 01:03.450 34 | Dies wird jetzt aktualisiert und alles funktioniert wie beabsichtigt. 35 | 36 | 01:06.040 --> 01:13.700 37 | Wenn wir zu unserem Server zurückkehren, sehen wir, dass unser Bildendpunkt endlich getroffen wird und alles funktioniert. 38 | 39 | 01:13.810 --> 01:17.670 40 | Erstaunlich, wie cool ist das? 41 | 42 | 01:17.680 --> 01:26.860 43 | Wir haben gerade einen Server und eine Datenbank bereitgestellt und beide kommunizieren mit dem Frontend 44 | 45 | 01:26.860 --> 01:27.680 46 | auch. 47 | 48 | 01:28.650 --> 01:34.900 49 | So cool, im nächsten Video werden wir unsere Front-End-Anwendung auf Heroku bereitstellen. 50 | 51 | 01:34.900 --> 01:39.670 52 | Also haben wir drei verschiedene Server, die für uns laufen. 53 | 54 | 01:39.670 --> 01:44.350 55 | Wir könnten es auf Github-Seiten setzen, aber das ist etwas, was wir bereits getan haben und ich bin aufgeregt danach 56 | 57 | 01:44.350 --> 01:47.160 58 | Mach diese beiden so, lasst uns das auch auf Heroku legen. 59 | 60 | 01:47.230 --> 01:48.620 61 | Ich werde es sehen. 62 | 63 | 01:48.720 --> 01:48.970 64 | Tschüss. 65 | -------------------------------------------------------------------------------- /Indonesian/section09/id_idcss-grid-5autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.790 --> 00:09.120 4 | Hal lain yang ingin saya tunjukkan kepada Anda dengan item individual dalam kotak adalah bahwa kami 5 | 6 | 00:09.180 --> 00:12.510 7 | dapat melakukan sesuatu seperti membenarkan diri. 8 | 9 | 00:12.670 --> 00:20.500 10 | Ingat di sini kita memang membenarkan item dan menyelaraskan item tetapi ketika datang ke item individual kita harus 11 | 12 | 00:20.500 --> 00:21.710 13 | menggunakan sendiri. 14 | 15 | 00:22.180 --> 00:30.920 16 | Dan seperti yang dapat Anda bayangkan jika saya memulai sendiri dan menyegarkan Anda, kami menuju ke awal kolom. 17 | 18 | 00:31.230 --> 00:43.370 19 | Jika saya membuat baris, itu akan menuju ke awal baris dan jika kita lakukan dan menyegarkan lagi kita melihat bahwa 20 | 21 | 00:43.490 --> 00:46.250 22 | hal yang sama terjadi 23 | 24 | 00:46.330 --> 00:50.600 25 | Saya akan meninggalkan file ini untuk Anda juga sehingga Anda dapat bermain-main dengannya. 26 | 27 | 00:50.650 --> 00:58.090 28 | Saya mendorong Anda untuk mencoba membuat berbagai jenis kisi dan penampilan yang Anda inginkan karena Anda 29 | 30 | 00:58.090 --> 01:05.830 31 | dapat melihatnya cukup tangguh tetapi juga sangat sangat sederhana dan memungkinkan kami membuat sistem kisi responsif dengan 32 | 33 | 01:05.830 --> 01:07.120 34 | sangat mudah. 35 | 36 | 01:07.120 --> 01:12.040 37 | Sekarang sebenarnya ada lembar contekan yang dapat Anda gunakan untuk merangkum semua yang telah saya 38 | 39 | 01:12.040 --> 01:15.550 40 | ajarkan kepada Anda sampai sekarang ada tautan ke video ini. 41 | 42 | 01:15.700 --> 01:18.860 43 | Ini disebut The Well the grid. 44 | 45 | 01:19.510 --> 01:22.850 46 | Dan itu menunjukkan kepada Anda mengapa Anda perlu melakukannya untuk wadah. 47 | 48 | 01:23.730 --> 01:32.370 49 | Kami telah belajar tentang kisi-kisi kisi templat item baris dan juga apa yang harus dilakukan dengan anak-anak seperti 50 | 51 | 01:32.370 --> 01:39.870 52 | kolom Kisi membenarkan penyesuaian diri sendiri dan memiliki semua cuplikan kecil ini yang dapat Anda 53 | 54 | 01:40.110 --> 01:41.650 55 | klik dan salin. 56 | 57 | 01:41.670 --> 01:46.660 58 | Jadi saya sarankan Anda bermain-main dengan beberapa properti ini sendiri. 59 | 60 | 01:47.360 --> 01:54.100 61 | Karena pada bagian selanjutnya kita akan menggunakan kisi CSSA untuk membangun tata letak situs Web yang lengkap. 62 | 63 | 01:54.170 --> 01:55.940 64 | Saya akan melihat dengan satu cara. 65 | -------------------------------------------------------------------------------- /Indonesian/section09/id_idsection-overviewautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.910 --> 00:06.970 4 | Selamat datang kembali di bagian ini saya ingin mengatasi masalah yang kita miliki terutama 5 | 6 | 00:06.970 --> 00:12.310 7 | ketika kita memulai ada bagaimana cara membuat tata letak situs Web. 8 | 9 | 00:12.310 --> 00:17.450 10 | Dan itu mungkin hal yang paling sulit dipelajari ketika Anda memulai. 11 | 12 | 00:17.640 --> 00:24.810 13 | Bagaimana Anda membuat sesuatu, katakanlah seperti ini yang responsif yang kami lihat di seluruh 14 | 15 | 00:24.810 --> 00:30.490 16 | web dan bilah navigasi sebagai pembatas beberapa kisi di bawah sini. 17 | 18 | 00:30.720 --> 00:34.610 19 | Dan bagaimana kita membuatnya responsif. 20 | 21 | 00:37.720 --> 00:45.820 22 | Pada bagian ini kita akan membangun tata letak halaman web yang ideal sehingga ke depan Anda memiliki dasar dan Fondation 23 | 24 | 00:45.820 --> 00:52.960 25 | untuk pergi dan menyesuaikan dan membangun situs apa pun yang Anda inginkan yang responsif tanpa menghabiskan banyak 26 | 27 | 00:52.960 --> 00:58.740 28 | waktu percobaan dan kesalahan mencoba hal-hal yang berbeda dengan CSSA berharap itu berfungsi. 29 | 30 | 00:58.750 --> 01:05.440 31 | Jadi saya akan menunjukkan kepada Anda cara saya yang disarankan untuk meletakkan halaman web yang responsif dan memiliki template 32 | 33 | 01:05.440 --> 01:07.640 34 | yang tersedia untuk Anda bergerak maju. 35 | 36 | 01:08.380 --> 01:16.230 37 | Kita juga akan belajar tentang fitur baru di CSSA yang disebut CSSA grid yang sangat kuat. 38 | 39 | 01:16.270 --> 01:25.850 40 | Dan saat Anda belajar memungkinkan kami untuk menggunakan kisi CSSA ini yang dikombinasikan dengan fluxbox untuk jujur, Navan memerlukan hal-hal seperti 41 | 42 | 01:25.850 --> 01:32.270 43 | bootstrap empat atau pustaka lain yang memungkinkan Anda melakukan kisi-kisi pada hari itu. 44 | 45 | 01:32.270 --> 01:40.130 46 | Sangat sulit untuk melakukan tata letak dan melihat SS. Tetapi dengan alat seperti CSSA grid dan flex box, 47 | 48 | 01:40.130 --> 01:47.230 49 | Anda sekarang memiliki kemampuan untuk benar-benar membangun tata letak responsif yang indah dengan sangat cepat. 50 | 51 | 01:47.320 --> 01:48.820 52 | Jadi mari kita mulai. 53 | 54 | 01:48.820 --> 01:50.230 55 | Sampai jumpa di video berikutnya. 56 | -------------------------------------------------------------------------------- /Indonesian/section31/id_idinstalling-nodejs-for-windowsautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.090 --> 00:05.200 4 | Kembalilah dan kios dan bagus untuk Windows benar-benar menyenangkan bukan. 5 | 6 | 00:05.700 --> 00:08.770 7 | Sekarang saatnya menginstal pemberitahuan pada mesin windows kami. 8 | 9 | 00:08.880 --> 00:18.740 10 | Untuk minggu ini kunjungi situs web mereka noti telah mengajar atau memesan dan memilih Starla untuk Windows. 11 | 12 | 00:18.750 --> 00:22.400 13 | Ini membutuhkan waktu tergantung pada koneksi internet yang Anda miliki. 14 | 15 | 00:22.510 --> 00:24.800 16 | Saya sudah mengunduhnya. 17 | 18 | 00:25.450 --> 00:30.850 19 | Oke, mari kita mulai menginstalnya selanjutnya. 20 | 21 | 00:31.380 --> 00:42.720 22 | Dan tentu saja Anda dapat membaca semua perjanjian penginderaan cahaya kecuali yang tidak berubah untuk menginstal 23 | 24 | 00:42.720 --> 00:45.200 25 | direktori dan meninggalkannya. 26 | 27 | 00:45.250 --> 00:45.440 28 | BAIK. 29 | 30 | 00:45.440 --> 00:48.000 31 | Dan ini adalah poin penting. 32 | 33 | 00:48.000 --> 00:53.270 34 | Semuanya harus dikonfigurasi secara otomatis tetapi mari kita periksa. 35 | 36 | 00:53.610 --> 01:02.280 37 | Saya akan menginstal Juga ini pada drive lokal dan bahwa jalan berarti bahwa ini mencapai bahwa sistem dalam 38 | 39 | 01:02.280 --> 01:09.180 40 | variabel PATH yang membuat catatan dan perintah NPM dan waybill pada command prompt Anda. 41 | 42 | 01:09.690 --> 01:11.910 43 | Kemudian tekan berikutnya dan instal ini 44 | 45 | 01:15.120 --> 01:16.150 46 | membutuhkan waktu. 47 | 48 | 01:16.150 --> 01:25.950 49 | Biarkan saya memajukan hal-hal yang Anda tidak harus menunggu. 50 | 51 | 01:26.240 --> 01:29.020 52 | OK sekarang sudah selesai. 53 | 54 | 01:29.050 --> 01:31.300 55 | Selesai tutup ini. 56 | 57 | 01:31.440 --> 01:36.050 58 | Ini Mari kita mulai keluar dan meminta untuk memeriksa apakah itu. 59 | 60 | 01:36.100 --> 01:40.150 61 | Itu macet mungkin mengetik tidak ada hidangan. 62 | 63 | 01:40.150 --> 01:42.630 64 | Kami menekan enter. 65 | 66 | 01:42.670 --> 01:43.440 67 | Baiklah. 68 | 69 | 01:43.450 --> 01:46.330 70 | Rojan delapan koma dua belas koma Ciro. 71 | 72 | 01:46.450 --> 01:50.610 73 | Dan mari kita periksa apakah NPM juga diinstal pada sistem saya. 74 | 75 | 01:51.040 --> 01:55.420 76 | Ya itu adalah di mana enam koma empat koma. 77 | 78 | 01:55.670 --> 02:02.150 79 | Dan ini adalah pemasangan total bukan tahun dan NPM pada saat yang sama karena mereka dikirimkan dengan satu pemasang 80 | 81 | 02:02.480 --> 02:07.040 82 | dalam kuliah berikutnya kita akan menginstal Eskew postscript pada mesin windows kita. 83 | 84 | 02:07.360 --> 02:10.520 85 | Ini benar-benar menyenangkan dan sangat bersemangat. 86 | 87 | 02:10.540 --> 02:11.920 88 | Sampai jumpa di yang berikutnya. 89 | -------------------------------------------------------------------------------- /Indonesian/section31/id_idintroduction-from-wolfgangautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.120 --> 00:07.070 4 | Halo dan selamat datang di bagian untuk pengguna Windows yang mungkin Anda tanyakan pada diri sendiri. 5 | 6 | 00:07.560 --> 00:10.280 7 | Tunggu sebentar siapa pria ini. 8 | 9 | 00:10.380 --> 00:11.600 10 | Ini bukan Andre. 11 | 12 | 00:11.740 --> 00:13.950 13 | Apakah saya memilih jalan yang salah. 14 | 15 | 00:13.980 --> 00:16.860 16 | Jangan khawatir Anda berada di jalur yang benar. 17 | 18 | 00:16.860 --> 00:23.570 19 | Biarkan saya memperkenalkan diri dan Wolfgang Anda mungkin sudah tahu saya dari Q dan A atau dari pengadilan ini. 20 | 21 | 00:23.910 --> 00:27.170 22 | Saya bekerja pengembang saham penuh pada tahun 2010. 23 | 24 | 00:27.510 --> 00:30.420 25 | Sejak 2011 saya bekerja sebagai paramedis. 26 | 27 | 00:30.420 --> 00:36.320 28 | Saya juga mendaftar dalam kursus ini pada Februari 2000 18 dan menyelesaikannya pada April 2018. 29 | 30 | 00:36.720 --> 00:41.030 31 | Andrei memberi saya kembali gairah saya lagi tentang pengembangan stok penuh. 32 | 33 | 00:41.520 --> 00:44.100 34 | Saya membuat proyek kami berfungsi di komputer saya dan membantu. 35 | 36 | 00:44.100 --> 00:47.000 37 | Juga beberapa siswa untuk membuatnya bekerja untuk mereka. 38 | 39 | 00:47.400 --> 00:53.100 40 | Sekarang saya mendapat kesempatan besar ini untuk menunjukkan kepada Anda bagaimana Anda dapat membuat semua alat yang Anda butuhkan 41 | 42 | 00:53.100 --> 00:55.210 43 | selama kursus ini bekerja pada sistem Anda. 44 | 45 | 00:55.350 --> 00:56.660 46 | Cukup tentang saya. 47 | 48 | 00:56.760 --> 01:01.670 49 | Mari kita selami kuliah pertama di mana kita berbicara tentang instalasi bagus di Windows 50 | 51 | 01:01.680 --> 01:03.200 52 | Sampai jumpa di yang berikutnya. 53 | -------------------------------------------------------------------------------- /Italian/section02/it_itwhat-does-a-developer-dogenerated_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.690 --> 00:02.260 4 | E bentornato. 5 | 6 | 00:02.270 --> 00:06.910 7 | In questo video finale voglio mostrarti cosa è questo corso su ciò che stiamo imparando in questo 8 | 9 | 00:06.910 --> 00:09.670 10 | corso e cosa saremo in grado di fare alla fine. 11 | 12 | 00:09.710 --> 00:16.010 13 | Potresti aver sentito il termine sviluppatore front-end per sviluppatori full-stack, sviluppatore back-end. E guardando questo diagramma inizi a riconoscere 14 | 15 | 00:16.010 --> 00:17.050 16 | che sai, 17 | 18 | 00:17.060 --> 00:23.500 19 | HTML, CSS JavaScript che vedi Reagire lì dentro, ci arriveremo, non preoccuparti, ma è 20 | 21 | 00:23.500 --> 00:29.360 22 | quello che fa uno sviluppatore front-end. Lo sviluppatore front-end è la persona che 23 | 24 | 00:29.840 --> 00:37.190 25 | si assicura che, quando apriamo il browser e andiamo su Google. com che vediamo Google, lo vediamo bello e 26 | 27 | 00:37.310 --> 00:44.270 28 | abbastanza ben strutturato, ha una barra di ricerca, praticamente tutto ciò che un utente 29 | 30 | 00:44.270 --> 00:51.550 31 | vede, lo sviluppatore front-end lo fa. E questo sta usando HTML, CSS, Javascript, React e alcuni altri strumenti. 32 | 33 | 00:51.650 --> 00:58.340 34 | Lo sviluppatore back-end, che è una persona che lavora con il server, si assicura che quando un browser gli parla, serve 35 | 36 | 00:58.340 --> 01:06.140 37 | quei file e usa una tecnologia come Node. js, Express. js, in cui entreremo, e 38 | 39 | 01:06.140 --> 01:11.690 40 | poi quel server parlerà anche con un database; ancora una volta non ne 41 | 42 | 01:11.690 --> 01:17.470 43 | abbiamo discusso troppo, ma non preoccuparti, ci sarà una sezione su questo e 44 | 45 | 01:17.480 --> 01:20.560 46 | che userà PostgreSQL e lo impareremo anche. 47 | 48 | 01:20.570 --> 01:27.770 49 | Quindi vogliamo costruirti come uno sviluppatore full-stack per essere in grado di lavorare con tutte queste tecnologie, in modo che 50 | 51 | 01:28.170 --> 01:31.970 52 | tutto ciò che ruota attorno a un'applicazione web, tu sia in 53 | 54 | 01:32.000 --> 01:34.160 55 | grado di costruire, quindi eccitati. 56 | 57 | 01:34.160 --> 01:35.600 58 | Imparerai tutto questo. 59 | 60 | 01:35.600 --> 01:42.670 61 | Sembra travolgente, ma fidati di me, proprio in questo modo Come funzionerà la sezione Internet avrà 62 | 63 | 01:42.670 --> 01:43.420 64 | senso. 65 | 66 | 01:43.810 --> 01:45.510 67 | Quindi vedrò il prossimo. 68 | 69 | 01:45.680 --> 01:45.880 70 | Ciao ciao. 71 | -------------------------------------------------------------------------------- /Italian/section04/it_ithtml-tags-2_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.850 --> 00:07.620 4 | E bentornato. Nel video precedente abbiamo parlato di alcuni dei tag comuni utilizzati da HTML. 5 | 6 | 00:07.630 --> 00:12.790 7 | Ampliamo queste conoscenze e ne impareremo alcune altre. Quindi, li eliminerò 8 | 9 | 00:12.790 --> 00:17.360 10 | e ti insegnerò qualcosa chiamato "Elenco ordinato". 11 | 12 | 00:17.410 --> 00:24.110 13 | Quindi un tag 'ol', e all'interno di questo 14 | 15 | 00:27.140 --> 00:39.800 16 | tag abbiamo elencato gli elementi 'li' - 'banana' e, un altro elemento dell'elenco, 'apple', e infine facciamo, 'orange'. 17 | 18 | 00:39.810 --> 00:48.200 19 | Quindi, se lo salvo, di nuovo, mi aggiorno e abbiamo banana, mela, arancia. Quindi puoi vedere qui ecco come fai le 20 | 21 | 00:48.200 --> 00:49.370 22 | liste. 23 | 24 | 00:49.640 --> 00:53.480 25 | E questa è una "Lista ordinata", quindi puoi vedere che abbiamo "1, 2, 3". 26 | 27 | 00:53.780 --> 00:59.350 28 | Se vogliamo farlo senza i numeri, usiamo qualcosa chiamato "Elenco non ordinato", "ul". 29 | 30 | 00:59.390 --> 01:03.420 31 | E di nuovo lo salvo, lo aggiorno e li abbiamo. 32 | 33 | 01:03.450 --> 01:06.470 34 | Ora ci sono anche sottocampi che puoi usare. 35 | 36 | 01:06.470 --> 01:10.750 37 | Quindi, di nuovo, si tratta di annidamento e di avere tag padre e tag figlio. 38 | 39 | 01:10.880 --> 01:18.080 40 | Quindi diciamo all'interno di "mele" che volevamo avere - fammi strutturare un po 'più pulito, 41 | 42 | 01:19.640 --> 01:22.010 43 | ecco, all'interno di "mele". 44 | 45 | 01:22.010 --> 01:30.160 46 | Vogliamo anche sottolineare che esiste la mela "fuji" e che c'è "miele croccante". 47 | 48 | 01:30.290 --> 01:38.170 49 | E mentre non riesco a pensare a un terzo tipo di mela, quindi lo eliminerò. Se lo salvo e aggiorno, beh, abbiamo 50 | 51 | 01:38.330 --> 01:44.540 52 | un elenco nidificato. Ecco qua hai le tue voci di elenco. Vedremo nel prossimo video, dove 53 | 54 | 01:44.540 --> 01:49.760 55 | impareremo a inserire immagini nel nostro sito Web e tag a chiusura automatica. 56 | 57 | 01:49.800 --> 01:50.510 58 | Ci vediamo nel prossimo. 59 | -------------------------------------------------------------------------------- /Italian/section04/it_itqa-indexhtml_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.410 --> 00:06.350 4 | E benvenuto nella sezione Domande e risposte degli studenti mentre gli studenti seguono questo corso, di 5 | 6 | 00:06.360 --> 00:10.770 7 | solito ricevo un sacco di domande. Alcuni di loro sono davvero ottimi, altri spesso li ricevo. 8 | 9 | 00:10.980 --> 00:18.180 10 | E useremo queste sezioni di domande e risposte per farmi un video di risposta per rispondere ad alcune di quelle domande 11 | 12 | 00:18.180 --> 00:19.160 13 | davvero interessanti. 14 | 15 | 00:19.200 --> 00:25.570 16 | E la prima cosa che affronteremo per questo video è l'indice. html'. 17 | 18 | 00:26.040 --> 00:34.800 19 | Se torniamo al nostro esempio che abbiamo avuto, hai notato che ho sempre usato l'indice. html "come prima pagina. 20 | 21 | 00:34.830 --> 00:38.050 22 | E poi abbiamo creato 'newpage. html'. 23 | 24 | 00:38.070 --> 00:41.940 25 | Ora potresti chiederti perché 'indice. html'. 26 | 27 | 00:41.940 --> 00:48.890 28 | Perché non e 'a casa. html "o" mele. html '? E potresti davvero farlo. 29 | 30 | 00:48.900 --> 00:54.090 31 | Ma posso spiegarlo molto bene guardando questo diagramma. 32 | 33 | 00:54.090 --> 00:58.710 34 | Il più delle volte ci sono più di qualche file html. 35 | 36 | 00:58.740 --> 01:04.420 37 | Hai visto che con il nostro esempio avevamo il nostro 'indice. html "e anche" newpage. html'. 38 | 39 | 01:04.440 --> 01:11.340 40 | Ma quando facciamo questa richiesta diciamo google. com, come fa il server a sapere quale HTML (file) 41 | 42 | 01:11.340 --> 01:13.730 43 | restituire per primo per la homepage? 44 | 45 | 01:13.920 --> 01:19.300 46 | E potresti entrare nel server e configurarlo e dirgli che sai di cosa voglio parlare. html "è la 47 | 48 | 01:19.350 --> 01:28.920 49 | prima pagina. Ma, per impostazione predefinita, la maggior parte dei server dice semplicemente "Restituirò" l'indice. html'- se vedo 'indice. html "nei server, lo 50 | 51 | 01:28.920 --> 01:31.550 52 | restituirò. "Quindi questa è 53 | 54 | 01:31.560 --> 01:36.720 55 | solo una pratica comune che vedrai in molti progetti in cui molti 56 | 57 | 01:36.720 --> 01:37.620 58 | dei 59 | 60 | 01:37.620 --> 01:43.710 61 | siti Web con cui lavorerai sono quell'indice. html 'è di solito, puoi pensarlo come la home page, il 62 | 63 | 01:44.040 --> 01:46.580 64 | primo un file HTML che il server restituisce. 65 | 66 | 01:47.100 --> 01:54.000 67 | E se qualcuno nell'indice. html 'fa clic su quel link, quindi restituirà qualunque link restituiscano. 68 | 69 | 01:54.000 --> 01:59.080 70 | Quindi ci saranno - diciamo che fanno clic sul tag di ancoraggio "Informazioni", quindi otterranno "circa". html'. 71 | 72 | 01:59.220 --> 02:00.090 73 | Quindi è tutto. 74 | 75 | 02:00.180 --> 02:03.550 76 | Questa è la tua risposta alla tua domanda. 77 | 78 | 02:03.600 --> 02:05.100 79 | Vedrò nel prossimo. Ciao ciao 80 | -------------------------------------------------------------------------------- /Italian/section05/it_ithtml-challenge_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.090 --> 00:04.580 4 | Accidenti! Riesci a credere di avercela fatta finora? 5 | 6 | 00:04.680 --> 00:12.090 7 | Voglio dire all'inizio, probabilmente non avevi idea di cosa significhi tutto ciò e ora guardati, sai 8 | 9 | 00:12.090 --> 00:14.680 10 | cosa significa ogni singola riga. 11 | 12 | 00:15.480 --> 00:16.390 13 | Sai cosa. 14 | 15 | 00:16.730 --> 00:19.120 16 | Questo è praticamente tutto, per HTML. 17 | 18 | 00:19.160 --> 00:20.660 19 | Non è molto difficile 20 | 21 | 00:20.660 --> 00:26.000 22 | Devi solo ricordare alcuni tag ed è molto facile provare e giocare. 23 | 24 | 00:26.000 --> 00:28.460 25 | Quindi chiamati uno sviluppatore HTML! 26 | 27 | 00:32.040 --> 00:38.430 28 | Ho un piccolo gioco divertente per te, come puoi vedere qui, abbiamo creato una semplice pagina web, dove posso collegarmi 29 | 30 | 00:38.520 --> 00:39.830 31 | a un'altra pagina. 32 | 33 | 00:39.840 --> 00:46.110 34 | Posso tornare indietro, posso anche fare clic su registrati e inviare un modulo. 35 | 36 | 00:46.240 --> 00:50.580 37 | Voglio che provi a creare il tuo piccolo sito Web qui. 38 | 39 | 00:50.710 --> 00:57.300 40 | E una volta terminato, fornirò il link alla mia e-mail nella descrizione di seguito. 41 | 42 | 00:57.340 --> 01:05.260 43 | Inviami il tuo primo sito Web e mostrerò alcuni dei miei preferiti, in un prossimo video. 44 | 45 | 01:05.350 --> 01:06.570 46 | Ci vediamo nel prossimo. 47 | 48 | 01:06.770 --> 01:07.050 49 | Ciao ciao 50 | -------------------------------------------------------------------------------- /Italian/section07/it_itexercise-robot-animation_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.750 --> 00:06.740 4 | Ciao! Questo è il tuo nuovo amico robot e ho una piccola sfida divertente per te. 5 | 6 | 00:06.810 --> 00:10.230 7 | Ho creato questo robot che in realtà è piuttosto interessante. 8 | 9 | 00:10.230 --> 00:18.310 10 | Quindi, mentre passi con il mouse, la sua testa diventa grande e può anche ballare: ora ecco 11 | 12 | 00:18.310 --> 00:23.720 13 | la sfida: ho creato la maggior parte di questo robot. 14 | 15 | 00:23.730 --> 00:27.360 16 | Ma prima devi montarlo, quindi sembra così. 17 | 18 | 00:27.820 --> 00:35.030 19 | E nella prossima sezione ho lasciato alcuni file per te: un file indice e il file CSS. 20 | 21 | 00:35.140 --> 00:42.430 22 | L'unico problema è che queste parti sono in tutta la pagina e ho bisogno che tu le assembli, in modo da poter 23 | 24 | 00:42.430 --> 00:44.190 25 | avere anche un amico robot. 26 | 27 | 00:44.230 --> 00:51.100 28 | Nella sezione seguente dopo l'esercizio avrò la soluzione che puoi usare, ma prova e spero che 29 | 30 | 00:51.670 --> 00:54.660 31 | avrai anche un nuovo amico robot. 32 | -------------------------------------------------------------------------------- /Italian/section07/it_itresponsive-ui_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.390 --> 00:06.540 4 | Ben tornato! Ogni volta che hai una richiesta da parte di un datore di lavoro di costruire 5 | 6 | 00:06.540 --> 00:15.170 7 | un sito Web o un'app Web, una delle prime cose che ti chiederanno è di assicurarti che il tuo sito Web sia reattivo. Quindi cos'è l'interfaccia utente reattiva? 8 | 9 | 00:15.270 --> 00:20.760 10 | Bene, posso mostrarti aprendo gli strumenti per sviluppatori, che dovremmo sapere ormai e 11 | 12 | 00:20.760 --> 00:24.630 13 | vedrai qui che c'è una piccola icona del telefono. 14 | 15 | 00:25.020 --> 00:32.350 16 | Se facciamo clic su questo, ti mostrerà perché il tuo sito web apparirà come dire un iPhone. 17 | 18 | 00:32.440 --> 00:33.740 19 | Rendiamolo un po 'più grande. 20 | 21 | 00:33.760 --> 00:38.160 22 | Quindi facciamo il 100% delle dimensioni. Perfezionare. 23 | 24 | 00:38.170 --> 00:42.840 25 | Vedrai che il tuo sito Web su un iPhone è simile a questo. 26 | 27 | 00:43.150 --> 00:50.050 28 | E se facciamo un iPad. Bene sembra così e se ruota, sembra buono. 29 | 30 | 00:50.170 --> 00:58.840 31 | Così reattivo significa che il tuo sito web, non importa cosa, sia sul grande schermo o qualcosa 32 | 33 | 00:58.840 --> 01:00.650 34 | come un iPad. 35 | 36 | 01:00.750 --> 01:01.680 37 | È reattivo. 38 | 39 | 01:01.680 --> 01:03.810 40 | Ciò significa che non ci sono tagli. 41 | 42 | 01:03.810 --> 01:08.540 43 | Tutto sembra buono, indipendentemente dalle dimensioni dello schermo. 44 | 45 | 01:08.550 --> 01:15.480 46 | Quindi, se torniamo al nostro sito Web e chiudiamo le schede degli sviluppatori, posso davvero giocare con questo: aprire e 47 | 48 | 01:15.510 --> 01:17.820 49 | chiudere e vedere che è reattivo. 50 | 51 | 01:17.820 --> 01:20.840 52 | Il sito Web ha un bell'aspetto, indipendentemente dalle dimensioni. 53 | 54 | 01:20.850 --> 01:27.810 55 | E gli utenti possono godere dell'esperienza e non essere disattivati, perché se stanno accedendo tramite il 56 | 57 | 01:28.140 --> 01:32.400 58 | loro iPad, a casa, sul divano sembra ancora buono. 59 | 60 | 01:32.430 --> 01:38.360 61 | Quindi tienilo a mente: l'interfaccia utente reattiva dovrebbe essere una priorità durante la creazione di siti Web. 62 | 63 | 01:38.520 --> 01:40.110 64 | Ci vediamo nel prossimo. Ciao ciao 65 | -------------------------------------------------------------------------------- /Italian/section08/it_itexercise-startup-landing-pageautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.540 --> 00:02.190 4 | Santo Moly. 5 | 6 | 00:02.190 --> 00:04.230 7 | Ottimo lavoro per arrivare così lontano nel corso. 8 | 9 | 00:04.230 --> 00:09.960 10 | Dovresti davvero essere orgoglioso di te perché abbiamo imparato molto e ora costruiremo qualcosa 11 | 12 | 00:09.960 --> 00:11.570 13 | di veramente eccitante. 14 | 15 | 00:11.610 --> 00:14.240 16 | Costruiremo una landing page di avvio. 17 | 18 | 00:14.580 --> 00:16.170 19 | Una landing page come questa. 20 | 21 | 00:16.170 --> 00:24.120 22 | Questo bene è reattivo ma, soprattutto, ha del testo. 23 | 24 | 00:24.120 --> 00:25.100 25 | Ha un bottone. 26 | 27 | 00:25.590 --> 00:26.500 28 | Ma dai un'occhiata. 29 | 30 | 00:26.580 --> 00:32.270 31 | Quando si fa clic sul pulsante, si accede a un modulo per iscriversi e raccogliere indirizzi e-mail. 32 | 33 | 00:32.280 --> 00:32.920 34 | Giusto. 35 | 36 | 00:32.970 --> 00:35.790 37 | Stiamo costruendo una landing page di avvio. 38 | 39 | 00:35.790 --> 00:40.620 40 | Ti mostrerò come farlo passo dopo passo e puoi prendere i file di avvio 41 | 42 | 00:40.620 --> 00:47.970 43 | allegati a questa lezione perché lo costruiremo da zero e vedremo come possiamo mettere online qualcosa che ora puoi condividere con 44 | 45 | 00:47.970 --> 00:49.590 46 | i tuoi amici . 47 | 48 | 00:49.590 --> 00:53.540 49 | La prossima volta che hai una grande idea di avvio, iniziamo. 50 | -------------------------------------------------------------------------------- /Italian/section09/it_itcss-grid-5autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.790 --> 00:09.120 4 | Un'altra cosa che voglio mostrarti con il singolo oggetto in una griglia è che possiamo 5 | 6 | 00:09.180 --> 00:12.510 7 | fare qualcosa come giustificare se stessi. 8 | 9 | 00:12.670 --> 00:20.500 10 | Ricorda che qui abbiamo giustificato gli oggetti e allineato gli oggetti, ma quando si tratta di singoli articoli dobbiamo usare 11 | 12 | 00:20.500 --> 00:21.710 13 | se stessi. 14 | 15 | 00:22.180 --> 00:30.920 16 | E come puoi immaginare se mi avvio da solo e aggiorno il tuo, andiamo all'inizio della colonna. 17 | 18 | 00:31.230 --> 00:43.370 19 | Se faccio una riga, andrà all'inizio della riga e se lo facciamo e ci aggiorna di nuovo vediamo che sta 20 | 21 | 00:43.490 --> 00:46.250 22 | succedendo la stessa cosa. 23 | 24 | 00:46.330 --> 00:50.600 25 | Lascerò anche questo file per te, così potrai giocarci. 26 | 27 | 00:50.650 --> 00:58.090 28 | Ti incoraggio a provare a creare diversi tipi di griglie e aspetti che desideri, come puoi vedere 29 | 30 | 00:58.090 --> 01:05.830 31 | è abbastanza potente ma anche molto molto semplice e ci consente di creare sistemi di griglia reattivi 32 | 33 | 01:05.830 --> 01:07.120 34 | molto facilmente. 35 | 36 | 01:07.120 --> 01:12.040 37 | Ora c'è in realtà un cheat sheet che puoi usare per riassumere tutto ciò che ti 38 | 39 | 01:12.040 --> 01:15.550 40 | ho insegnato fino ad ora c'è un link a questo video. 41 | 42 | 01:15.700 --> 01:18.860 43 | Si chiama The Well the grid. 44 | 45 | 01:19.510 --> 01:22.850 46 | E ti mostra esattamente perché devi fare per il contenitore. 47 | 48 | 01:23.730 --> 01:32.370 49 | Abbiamo imparato a conoscere gli elementi pubblicitari dei modelli di griglia gap della griglia e anche cosa fare con i bambini come 50 | 51 | 01:32.370 --> 01:39.870 52 | la colonna Griglia che giustificano l'autoallineamento di sé e ha tutti questi piccoli frammenti che puoi semplicemente fare 53 | 54 | 01:40.110 --> 01:41.650 55 | clic e copiare. 56 | 57 | 01:41.670 --> 01:46.660 58 | Quindi ti consiglio di giocare con alcune di queste proprietà da solo. 59 | 60 | 01:47.360 --> 01:54.100 61 | Perché nella parte successiva useremo la griglia CSSA per creare un layout completo del sito Web. 62 | 63 | 01:54.170 --> 01:55.940 64 | Vedrò in un modo. 65 | -------------------------------------------------------------------------------- /Italian/section09/it_itsection-overviewautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.910 --> 00:06.970 4 | Bentornato in questa sezione, voglio affrontare il problema che abbiamo soprattutto quando 5 | 6 | 00:06.970 --> 00:12.310 7 | iniziamo, come posso creare un layout di un sito Web. 8 | 9 | 00:12.310 --> 00:17.450 10 | Ed è probabilmente la cosa più difficile da imparare quando inizi. 11 | 12 | 00:17.640 --> 00:24.810 13 | Come si crea qualcosa diciamo così che è reattivo che vediamo tutto il Web e la 14 | 15 | 00:24.810 --> 00:30.490 16 | barra di navigazione un cappellaio alcune griglie un piè di pagina quaggiù. 17 | 18 | 00:30.720 --> 00:34.610 19 | E come possiamo renderlo davvero reattivo. 20 | 21 | 00:37.720 --> 00:45.820 22 | In questa sezione costruiremo un layout di pagina Web ideale in modo che andando avanti hai la base e Fondation 23 | 24 | 00:45.820 --> 00:52.960 25 | per andare via e personalizzare e costruire qualunque sito tu voglia che sia reattivo senza spendere molto 26 | 27 | 00:52.960 --> 00:58.740 28 | tempo a tentativi ed errori provando cose diverse con CSSA sperando che funzioni. 29 | 30 | 00:58.750 --> 01:05.440 31 | Quindi ti mostrerò il mio modo consigliato di strutturare pagine web che siano reattive e che quel modello sia 32 | 33 | 01:05.440 --> 01:07.640 34 | disponibile per te andando avanti. 35 | 36 | 01:08.380 --> 01:16.230 37 | Scopriremo anche una nuova funzionalità in CSSA chiamata griglia CSSA che è davvero molto potente. 38 | 39 | 01:16.270 --> 01:25.850 40 | E mentre impari ci consente di utilizzare questa griglia CSSA combinata con fluxbox per onestamente Navan ha bisogno di cose come bootstrap 41 | 42 | 01:25.850 --> 01:32.270 43 | quattro o altre librerie che ti consentano di fare griglie nel corso della giornata. 44 | 45 | 01:32.270 --> 01:40.130 46 | È stato davvero difficile fare layout e vedere SS. Ma con strumenti come la griglia CSSA e 47 | 48 | 01:40.130 --> 01:47.230 49 | la scatola flessibile ora hai la possibilità di creare bellissimi layout reattivi molto velocemente. 50 | 51 | 01:47.320 --> 01:48.820 52 | Quindi iniziamo. 53 | 54 | 01:48.820 --> 01:50.230 55 | Ci vediamo nel prossimo video. 56 | -------------------------------------------------------------------------------- /Italian/section11/it_itintroduction-to-javascript_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.360 --> 00:01.390 4 | Ben tornato. 5 | 6 | 00:01.680 --> 00:05.570 7 | Ora stiamo per fare il passo più grande nelle nostre carriere per sviluppatori. 8 | 9 | 00:06.150 --> 00:08.200 10 | Questa è di gran lunga la mia cosa preferita da insegnare. 11 | 12 | 00:08.370 --> 00:10.100 13 | E non vedo l'ora di iniziare. 14 | 15 | 00:10.200 --> 00:17.850 16 | Ma prima di farlo voglio che tu sappia una cosa: quando ho iniziato a imparare JavaScript è stata la cosa più difficile 17 | 18 | 00:17.850 --> 00:18.850 19 | da ottenere. 20 | 21 | 00:19.290 --> 00:25.650 22 | Ricordo di essermi sentito confuso e frustrato lungo la strada e di essere sincero se questa è la prima 23 | 24 | 00:25.650 --> 00:29.460 25 | volta che impari un linguaggio di programmazione avrai quei momenti. 26 | 27 | 00:29.490 --> 00:35.850 28 | Sono qui per dirti di continuare. Proprio come imparare qualsiasi lingua; con abbastanza tempo 29 | 30 | 00:36.000 --> 00:38.720 31 | in pratica, puoi diventare fluente. 32 | 33 | 00:38.730 --> 00:44.610 34 | Ora, a differenza del linguaggio umano, non devi ricordare quante più parole e la struttura della frase. Quindi ci arriverai te 35 | 36 | 00:44.610 --> 00:47.030 37 | lo prometto. 38 | 39 | 00:47.070 --> 00:53.420 40 | Ora non limitarti a guardare i video in questa sezione e volare attraverso il contenuto. Lavora davvero sugli esercizi che ti 41 | 42 | 00:53.520 --> 00:58.840 43 | do alla fine dei video e assicurati di capire ogni argomento. 44 | 45 | 00:58.970 --> 01:03.460 46 | Infine, questa sezione ti insegnerà le basi di JavaScript. 47 | 48 | 01:03.470 --> 01:10.970 49 | Sembra tutto molto strano e distaccato a volte dall'HTML sui CSS - di fatto non toccheremo 50 | 51 | 01:10.970 --> 01:13.220 52 | molto HTML e CSS. 53 | 54 | 01:13.220 --> 01:20.000 55 | Tuttavia, nella prossima sezione ti mostrerò come la nostra nuova conoscenza di JavaScript ora può essere 56 | 57 | 01:20.390 --> 01:23.850 58 | connessa ai nostri siti Web HTML e CSS. 59 | 60 | 01:23.860 --> 01:26.180 61 | Questo è quando accade la vera magia. 62 | 63 | 01:26.290 --> 01:29.110 64 | Quindi sii forte, sii determinato. 65 | 66 | 01:29.320 --> 01:31.870 67 | Ci arriverai a tempo debito. 68 | 69 | 01:32.000 --> 01:35.240 70 | Cominciamo, vero? Ci vediamo nel prossimo. Ciao ciao 71 | -------------------------------------------------------------------------------- /Italian/section19/it_itcreate-react-app-3autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.470 --> 00:01.400 4 | Hey. 5 | 6 | 00:01.440 --> 00:07.680 7 | Sì, sono io di nuovo a parlare di creare un'app di reazione perché mentre continuano ad aggiornarsi creano un'app di 8 | 9 | 00:07.680 --> 00:09.510 10 | reazione, ma lo sappiamo bene. 11 | 12 | 00:09.510 --> 00:12.580 13 | Gli strumenti vengono costantemente aggiornati. 14 | 15 | 00:12.720 --> 00:20.460 16 | Ora c'è in realtà un nuovo modo più semplice di avviare un progetto di creazione di app di reazioni e collegherò alla risorsa ma 17 | 18 | 00:20.910 --> 00:22.280 19 | creerò un'app di reazione. 20 | 21 | 00:22.320 --> 00:32.050 22 | Bene, oltre ad avere una propria pagina ora usa anche questo comando per creare effettivamente un'app. 23 | 24 | 00:32.050 --> 00:41.370 25 | Diamo un'occhiata in modo che in passato avremmo fatto qualcosa come creare un'app di reazione e creare il nostro progetto. 26 | 27 | 00:41.370 --> 00:48.890 28 | Ma ora invece di dover installare creare un'app di reazione usando npm install, ora possiamo semplicemente fare e p xe MP X è in 29 | 30 | 00:48.890 --> 01:00.630 31 | realtà uno strumento che è un pacchetto eseguito o uno strumento fornito con qualsiasi versione di NPM 5. 2 o superiore che se stai guardando il video ora dovresti avere e perché 32 | 33 | 01:00.700 --> 01:05.620 34 | abbiamo parlato di come aggiornare il nostro NPM ora invece di noi 35 | 36 | 01:05.620 --> 01:12.630 37 | che dobbiamo installare creare un'app di reazione ora possiamo eseguire MP X creare un'app di reazione e qualunque 38 | 39 | 01:12.630 --> 01:15.820 40 | cosa noi vuoi chiamare la nostra app. 41 | 42 | 01:15.930 --> 01:23.940 43 | Quindi, se lo diciamo, diciamo creare un'app di reazione e chiameremo questo progetto chiamiamolo mu è un progetto KAOS se ora eseguo tutto lì, ce l'abbiamo, 44 | 45 | 01:24.240 --> 01:34.540 46 | abbiamo il nostro progetto in modo che ora posso C. D. in Mu e se 47 | 48 | 01:34.560 --> 01:38.300 49 | apro il progetto ci andiamo. 50 | 51 | 01:38.320 --> 01:44.800 52 | Abbiamo tutti i nostri file con cui abbiamo familiarità con l'ultima versione degli script reagire e reagire, 53 | 54 | 01:44.800 --> 01:47.560 55 | che è quello che crea reazione. 56 | 57 | 01:47.740 --> 01:53.770 58 | Nel tuo caso, volevo creare un progetto che si chiama robo friends perché nelle prossime 59 | 60 | 01:53.770 --> 01:59.320 61 | lezioni creeremo l'app di un amico robo che sarà comunque molto divertente. 62 | 63 | 01:59.320 --> 02:05.470 64 | Se vuoi saperne di più su MP X, ti collegherò a una bella risorsa che puoi leggere di più al riguardo in questo 65 | 66 | 02:05.470 --> 02:05.970 67 | video. 68 | 69 | 02:06.480 --> 02:06.990 70 | Tutto ok. 71 | 72 | 02:07.090 --> 02:07.920 73 | Questo è stato. 74 | 75 | 02:07.960 --> 02:09.370 76 | Bello e facile. 77 | 78 | 02:09.370 --> 02:10.870 79 | Vedrò nel prossimo. 80 | 81 | 02:10.930 --> 02:11.170 82 | Bobby. 83 | -------------------------------------------------------------------------------- /Italian/section23/it_itwhat-we-are-building_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.100 --> 00:04.090 4 | Questa è la parte più eccitante del corso. 5 | 6 | 00:04.250 --> 00:08.670 7 | E sono davvero entusiasta di lavorare su questo progetto con te. 8 | 9 | 00:08.690 --> 00:14.810 10 | Creeremo la nostra app finale, qualcosa che possiamo inserire nei nostri portafogli e stupire 11 | 12 | 00:14.810 --> 00:18.000 13 | i nostri futuri datori di lavoro. 14 | 15 | 00:18.080 --> 00:21.410 16 | Useremo tutto ciò che abbiamo imparato, fino a questo punto. 17 | 18 | 00:21.680 --> 00:27.650 19 | E poi un po 'più tardi, per creare un'app completa che ha un front-end usando reagire. 20 | 21 | 00:27.650 --> 00:30.340 22 | Utilizza un'API di riconoscimento delle immagini. 23 | 24 | 00:30.680 --> 00:34.530 25 | Ha un proprio server, usando node ed express. 26 | 27 | 00:34.610 --> 00:36.910 28 | E infine anche il suo database. 29 | 30 | 00:36.980 --> 00:46.780 31 | Creeremo qualcosa in cui puoi accedere. 32 | 33 | 00:46.870 --> 00:52.670 34 | Avremo un sito Web completamente reattivo come puoi vedere sembra abbastanza carino. 35 | 36 | 00:53.560 --> 01:00.010 37 | Ma la parte interessante è, a parte tutte queste fantasiose animazioni e la capacità 38 | 39 | 01:00.010 --> 01:11.910 40 | di disconnessione che abbiamo, quando entriamo in un'immagine e premiamo il rilevamento, in realtà rileveranno i volti e poi le immagini, e ci metteranno attorno una scatola. 41 | 42 | 01:12.230 --> 01:13.730 43 | Proviamo un altro. 44 | 45 | 01:13.730 --> 01:26.750 46 | Se seleziono questo volto, tutto ciò di cui abbiamo bisogno è un URL per un'immagine e, guardandolo, rileva il volto per noi. 47 | 48 | 01:26.760 --> 01:29.890 49 | Quindi sì, lo costruirai. Ti aiuterò. 50 | 51 | 01:29.970 --> 01:37.530 52 | E alla fine di questo, avremo un progetto completo. E non preoccuparti per coloro che adorano semplicemente guardare, 53 | 54 | 01:37.620 --> 01:41.190 55 | ti fornirò i file del progetto per te, 56 | 57 | 01:41.190 --> 01:43.710 58 | alla fine di questo corso. 59 | 60 | 01:43.900 --> 01:45.050 61 | Sei eccitato? 62 | 63 | 01:45.440 --> 01:46.500 64 | Bene, cominciamo. 65 | -------------------------------------------------------------------------------- /Italian/section25/it_itquick-note-bcryptautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.450 --> 00:03.780 4 | Ciao a tutti, sono io dal futuro. 5 | 6 | 00:03.780 --> 00:09.720 7 | Ti faccio solo sapere che nel prossimo video parleremo di questo pacchetto chiamato B crypt 8 | 9 | 00:09.950 --> 00:11.590 10 | node j s. 11 | 12 | 00:11.720 --> 00:19.220 13 | Ora se vai a questa pagina ora in NPM riceverai un piccolo avviso qui dicendo che questo pacchetto 14 | 15 | 00:19.220 --> 00:23.720 16 | è stato deprecato e che ti consigliano di usare qualcos'altro. 17 | 18 | 00:23.720 --> 00:29.380 19 | Puoi usare B cripta o b cripta punto J Sì. 20 | 21 | 00:29.480 --> 00:35.720 22 | Ora entrambe queste sono implementazioni di qualcosa di cui parleremo, che è B cripta e collegherò 23 | 24 | 00:35.720 --> 00:41.930 25 | a questa risorsa in modo da poter effettivamente scoprire la differenza che c'è in JavaScript. 26 | 27 | 00:41.930 --> 00:44.460 28 | L'altro è in C ++. 29 | 30 | 00:44.660 --> 00:52.490 31 | Un altro linguaggio di programmazione tuttavia per questo progetto perché questo è il nostro progetto personale che useremo B crypt 32 | 33 | 00:52.490 --> 00:55.710 34 | no J. S. ancora. 35 | 36 | 00:55.910 --> 01:01.530 37 | E la ragione per cui lo faccio è perché B cripta non è stata creata appositamente per Gesù. 38 | 39 | 01:01.610 --> 01:10.670 40 | Funziona quindi sia su Mac e Linux che su Windows perché con gli altri pacchetti basati su qualunque sia 41 | 42 | 01:10.670 --> 01:14.940 43 | il tuo sistema operativo potresti riscontrare degli errori. 44 | 45 | 01:15.020 --> 01:22.190 46 | Quindi, se vuoi, puoi usare quei pacchetti specialmente quando hai un'app reale che memorizza le password 47 | 48 | 01:22.190 --> 01:23.310 49 | degli utenti. 50 | 51 | 01:23.420 --> 01:26.130 52 | Ma nel nostro caso voglio che usiamo lo script B. 53 | 54 | 01:26.150 --> 01:33.370 55 | No J. S. perché sebbene non sia più mantenuto, non ottiene alcun aggiornamento. 56 | 57 | 01:33.440 --> 01:38.570 58 | Garantirà che funzioni su tutti i sistemi per questa lezione. 59 | 60 | 01:39.840 --> 01:47.730 61 | Quindi consiglio comunque di usare B crypt no J. S. se vuoi più tardi puoi aggiornare o cambiare il pacchetto 62 | 63 | 01:47.730 --> 01:49.380 64 | in crypt B crypt sì. 65 | 66 | 01:49.440 --> 01:51.930 67 | Il più delle volte funzioneranno. 68 | 69 | 01:51.930 --> 01:57.230 70 | Ma voglio evitare che qualcuno abbia dei problemi in modo da poter preparare e distribuire questo progetto. 71 | 72 | 01:57.810 --> 01:59.370 73 | Vedrò nel prossimo da. 74 | -------------------------------------------------------------------------------- /Italian/section26/it_itsql-delete-from-drop-table_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.510 --> 00:01.790 4 | Ben tornato. 5 | 6 | 00:02.510 --> 00:05.290 7 | Ora abbiamo i nostri tavoli qui. 8 | 9 | 00:05.420 --> 00:16.960 10 | E se volessimo eliminare qualcosa. Diciamo che Sally decide di- proviamo di nuovo. 11 | 12 | 00:18.770 --> 00:25.640 13 | Diciamo che Sally non vuole più far parte di questa app e sta per rimuovere il suo utente. Bene, può inviare una 14 | 15 | 00:25.850 --> 00:27.090 16 | richiesta. 17 | 18 | 00:27.110 --> 00:37.100 19 | E sul back-end possiamo semplicemente eliminare il nome della tabella degli utenti e quindi dire quale utente. Bene usiamo la parola chiave 20 | 21 | 00:37.150 --> 00:46.790 22 | WHERE e qui diciamo che il nome equivale a "Sally", premi invio. 23 | 24 | 00:46.890 --> 00:55.690 25 | E con delete, in realtà dobbiamo eliminare Delete FROM, quindi elimina FROM utenti DOVE il nome è uguale a Sally. 26 | 27 | 00:56.370 --> 00:57.620 28 | E abbiamo una cancellazione. 29 | 30 | 00:57.810 --> 01:05.420 31 | Se seleziono una stella dagli utenti, vai 32 | 33 | 01:05.420 --> 01:10.120 34 | Sally. Va bene, penso che abbiamo finito con questo esempio. 35 | 36 | 01:10.280 --> 01:12.130 37 | Eliminiamo queste tabelle. 38 | 39 | 01:12.140 --> 01:22.570 40 | Come possiamo farlo. Possiamo semplicemente DROP table e dire login, login è stato rimosso e quindi 41 | 42 | 01:25.190 --> 01:28.660 43 | utenti DROP table. Se 44 | 45 | 01:28.770 --> 01:31.410 46 | guardo quali tabelle 47 | 48 | 01:31.860 --> 01:36.330 49 | abbiamo, non abbiamo relazioni, né tabelle. 50 | 51 | 01:36.350 --> 01:37.400 52 | Tutto ok. 53 | 54 | 01:37.730 --> 01:39.450 55 | Ottimo lavoro arrivare così lontano. 56 | 57 | 01:39.470 --> 01:40.450 58 | Ci vediamo nel prossimo video, ciao. 59 | -------------------------------------------------------------------------------- /Italian/section26/it_itsql-functions_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.180 --> 00:02.450 4 | Ben tornato. 5 | 6 | 00:02.630 --> 00:08.870 7 | Ora SQL può anche avere funzioni e ti mostrerò tre delle più popolari 8 | 9 | 00:08.870 --> 00:14.760 10 | e più comuni in questo video. Solo per verificare ciò che abbiamo nella nostra tabella, bene abbiamo utenti. 11 | 12 | 00:14.910 --> 00:27.380 13 | E se seleziono gli utenti STAR selezionati, oop. Ho dimenticato di usare DA, abbiamo i nostri utenti. Ora diciamo che volevamo ottenere il punteggio 14 | 15 | 00:27.470 --> 00:30.010 16 | medio degli utenti. 17 | 18 | 00:30.380 --> 00:41.300 19 | Possiamo farlo dicendo SELEZIONA media e assegnando il nome della colonna all'interno della media diciamo score DA 20 | 21 | 00:42.340 --> 00:44.210 22 | tabella utenti. 23 | 24 | 00:44.470 --> 00:49.220 25 | Quindi puoi vedere che la nostra funzione, proprio come in Javascript, ha il 26 | 27 | 00:49.220 --> 00:58.130 28 | nome della funzione e quindi le parentesi attorno alla colonna che vogliamo. Consente di premere invio e guardare che la media è 29 | 30 | 00:58.130 --> 01:00.100 31 | 84. 5. 32 | 33 | 01:00.130 --> 01:01.450 34 | Molto bello. 35 | 36 | 01:01.450 --> 01:02.900 37 | Quali altre funzioni abbiamo. 38 | 39 | 01:03.100 --> 01:12.790 40 | Diciamo che volevamo ottenere la somma dell'età di tutti. 41 | 42 | 01:12.990 --> 01:19.520 43 | Posso invocare la funzione SOMMA e scoprire che abbiamo una somma accumulata di 132. 44 | 45 | 01:19.800 --> 01:26.400 46 | E poi finalmente c'è anche COUNT un altro utile. 47 | 48 | 01:26.630 --> 01:34.740 49 | E se vogliamo scoprire quanti utenti abbiamo nel nostro database possiamo semplicemente dire COUNT name e abbiamo quattro 50 | 51 | 01:35.070 --> 01:38.200 52 | utenti attivi con il nostro gioco. 53 | 54 | 01:38.220 --> 01:41.040 55 | Va bene, dobbiamo lavorare su questo per aumentare quel numero. 56 | 57 | 01:41.100 --> 01:41.880 58 | Perfezionare. 59 | 60 | 01:41.880 --> 01:49.080 61 | Ci sono alcune altre funzioni che puoi usare ma queste sono probabilmente le più comuni. Potete già immaginare parte del potere 62 | 63 | 01:49.080 --> 01:55.690 64 | che deriva da questi valori. 65 | 66 | 01:55.690 --> 01:55.690 67 | Vedrò nel prossimo, ciao. 68 | -------------------------------------------------------------------------------- /Italian/section27/it_itwhats-next_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.170 --> 00:02.390 4 | Ben tornato. 5 | 6 | 00:02.640 --> 00:08.410 7 | Voglio solo un secondo per dire che un buon lavoro è arrivato così lontano. 8 | 9 | 00:09.650 --> 00:17.160 10 | So che seguire una voce e uno schermo non è facile e richiede molta motivazione. 11 | 12 | 00:17.170 --> 00:20.010 13 | Quindi grazie ancora per essere rimasto lì. 14 | 15 | 00:20.170 --> 00:25.780 16 | Spero davvero che tu abbia imparato molto in questo e che tu sia entusiasta di imparare ancora di più. 17 | 18 | 00:27.380 --> 00:35.330 19 | Vedete, siamo in grado di partire dal semplice HTML per costruire il nostro database e collegarlo a un server 20 | 21 | 00:35.330 --> 00:42.320 22 | e creare questa meravigliosa app che ora potete vedere quanto potenziale abbiamo che possiamo davvero espandere questo 23 | 24 | 00:42.320 --> 00:44.590 25 | per fare così tante cose. 26 | 27 | 00:44.870 --> 00:47.520 28 | Ed è per questo che essere uno sviluppatore è così sorprendente. 29 | 30 | 00:47.660 --> 00:52.930 31 | Hai letteralmente il potere di fare tutto quello che vuoi quello che vuoi costruire. 32 | 33 | 00:52.940 --> 00:55.850 34 | C'è un modo e spero che tu l'abbia capito davvero. 35 | 36 | 00:56.090 --> 01:02.090 37 | Ora questa nostra app ce ne sono davvero molte che possono essere migliorate. 38 | 39 | 01:02.100 --> 01:11.240 40 | Ci sono un sacco di cose che possiamo ripulire un sacco di convalide che dovremo correggere e alcune 41 | 42 | 01:12.640 --> 01:18.720 43 | ottimizzazioni, ma seguire qualcuno su un progetto può diventare piuttosto scoraggiante. 44 | 45 | 01:18.770 --> 01:20.160 46 | Quindi voglio sentirti. 47 | 48 | 01:20.180 --> 01:25.220 49 | Voglio sapere perché vuoi vedere dopo come vorremmo migliorare questa app. 50 | 51 | 01:25.250 --> 01:31.310 52 | Forse vuoi creare sessioni in modo che se torno a questa app non 53 | 54 | 01:31.310 --> 01:33.610 55 | devo accedere ogni volta. 56 | 57 | 01:33.720 --> 01:37.340 58 | Forse vuoi solo espandere questo e creare un profilo utente. 59 | 60 | 01:38.230 --> 01:41.730 61 | In modo che possiamo aggiornare ed eliminare gli utenti. 62 | 63 | 01:43.500 --> 01:49.140 64 | Fammi sapere cosa pensi di voler fare in questo corso perché voglio che sia fluido. 65 | 66 | 01:49.140 --> 01:52.200 67 | Volevo imparare cose che dicano che ti interessano davvero. 68 | 69 | 01:52.260 --> 01:58.730 70 | Fammi sapere e continuerò a lavorare su questa app con tutte le nuove funzionalità che desideri aggiungere. 71 | 72 | 02:00.470 --> 02:04.650 73 | Ma di nuovo un buon lavoro sei arrivato così lontano. 74 | 75 | 02:04.650 --> 02:10.900 76 | Ragazzo, mi ci è voluto sicuramente molto tempo per registrare questi video e sono contento che siamo arrivati anche qui. 77 | 78 | 02:11.030 --> 02:13.490 79 | Ma c'è molto altro da imparare. 80 | 81 | 02:14.810 --> 02:15.870 82 | Ci vediamo nel prossimo. Ciao ciao. 83 | -------------------------------------------------------------------------------- /Italian/section28/it_itdeploying-to-heroku-part-3autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.790 --> 00:02.510 4 | Ben tornato. 5 | 6 | 00:02.510 --> 00:03.280 7 | Tutto ok. 8 | 9 | 00:03.410 --> 00:13.280 10 | Quindi il motivo per cui l'endpoint dell'immagine non funzionava era a causa di un errore sciocco sciocco. Avevo lasciato il porto qui che non 11 | 12 | 00:13.370 --> 00:15.870 13 | dovrebbe essere qui. 14 | 15 | 00:15.890 --> 00:23.000 16 | Come puoi vedere la nostra app Heroku è ospitata lì e non abbiamo bisogno della porta. 17 | 18 | 00:23.120 --> 00:36.360 19 | Quindi, se l'ho salvato, creiamo un nuovo utente. Questa volta registreremo Teddy e Teddy su G-mail dot com ha una 20 | 21 | 00:36.350 --> 00:43.790 22 | password di 1 2 3 che registreremo e prendiamo un'altra faccia afferrare questa faccia 23 | 24 | 00:48.030 --> 00:49.440 25 | questa volta 26 | 27 | 00:53.810 --> 00:55.820 28 | la incolleremo qui. 29 | 30 | 00:55.820 --> 00:59.110 31 | Rileva e guarda quello. 32 | 33 | 00:59.110 --> 01:03.450 34 | Questo si sta aggiornando e tutto funziona come previsto. 35 | 36 | 01:06.040 --> 01:13.700 37 | Se torniamo al nostro server, vediamo che il nostro endpoint dell'immagine viene finalmente colpito e tutto funziona. 38 | 39 | 01:13.810 --> 01:17.670 40 | Sorprendentemente quanto è bello. 41 | 42 | 01:17.680 --> 01:26.860 43 | Abbiamo appena distribuito un server e un database e stanno entrambi comunicando anche con il 44 | 45 | 01:26.860 --> 01:27.680 46 | front-end. 47 | 48 | 01:28.650 --> 01:34.900 49 | Così bello nel prossimo video che distribuiremo la nostra applicazione front-end anche su Heroku. 50 | 51 | 01:34.900 --> 01:39.670 52 | Quindi abbiamo tre server diversi in esecuzione per noi. 53 | 54 | 01:39.670 --> 01:44.350 55 | Potremmo metterlo sulle pagine di Github ma è qualcosa che abbiamo già fatto e sono entusiasta dopo 56 | 57 | 01:44.350 --> 01:47.160 58 | aver fatto questi due, quindi mettiamolo anche su Heroku. 59 | 60 | 01:47.230 --> 01:48.620 61 | Vedrò su quello. 62 | 63 | 01:48.720 --> 01:48.970 64 | Ciao ciao. 65 | -------------------------------------------------------------------------------- /Italian/section31/it_itinstalling-nodejs-for-windowsautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.090 --> 00:05.200 4 | Bene, torna e stallo e buon per Windows è stato davvero divertente, non è vero? 5 | 6 | 00:05.700 --> 00:08.770 7 | Ora è il momento di installare un avviso sulle nostre macchine Windows. 8 | 9 | 00:08.880 --> 00:18.740 10 | Per questa settimana visita il loro sito Web che ha saputo insegnare o prenotare e scegliere Starla per Windows. 11 | 12 | 00:18.750 --> 00:22.400 13 | Questo richiede un po 'di tempo a seconda della connessione internet che hai. 14 | 15 | 00:22.510 --> 00:24.800 16 | L'ho già scaricato 17 | 18 | 00:25.450 --> 00:30.850 19 | OK, iniziamo quindi a installarlo dopo. 20 | 21 | 00:31.380 --> 00:42.720 22 | E poi ovviamente puoi leggere tutto l'accordo di rilevamento della luce eccetto questi che non cambiano per installare la 23 | 24 | 00:42.720 --> 00:45.200 25 | directory e lasciarla. 26 | 27 | 00:45.250 --> 00:45.440 28 | OK. 29 | 30 | 00:45.440 --> 00:48.000 31 | E questo è un punto importante. 32 | 33 | 00:48.000 --> 00:53.270 34 | Tutto dovrebbe essere configurato automaticamente, ma ricontrolliamolo. 35 | 36 | 00:53.610 --> 01:02.280 37 | Installerò anche questo sull'unità locale e il percorso indica che questo raggiunge il sistema nella variabile PATH che rende 38 | 39 | 01:02.280 --> 01:09.180 40 | la nota, il comando NPM e la lettera di vettura sul prompt dei comandi. 41 | 42 | 01:09.690 --> 01:11.910 43 | Quindi premi Avanti e installa questo richiede 44 | 45 | 01:15.120 --> 01:16.150 46 | un po '. 47 | 48 | 01:16.150 --> 01:25.950 49 | Lasciami andare avanti velocemente cose che non devi aspettare. 50 | 51 | 01:26.240 --> 01:29.020 52 | OK ora è finito. 53 | 54 | 01:29.050 --> 01:31.300 55 | Finisci questo. 56 | 57 | 01:31.440 --> 01:36.050 58 | Cominciamo a uscire e chiediamo di verificare se lo è. 59 | 60 | 01:36.100 --> 01:40.150 61 | È in fase di stallo probabilmente digitando nessun piatto. 62 | 63 | 01:40.150 --> 01:42.630 64 | Colpiamo invio. 65 | 66 | 01:42.670 --> 01:43.440 67 | Tutto ok. 68 | 69 | 01:43.450 --> 01:46.330 70 | Rojan otto punti dodici punti Ciro. 71 | 72 | 01:46.450 --> 01:50.610 73 | E controlliamo se NPM è installato anche sul mio sistema. 74 | 75 | 01:51.040 --> 01:55.420 76 | Sì, è dove sei punto quattro punto uno. 77 | 78 | 01:55.670 --> 02:02.150 79 | E questa è holling installazione non anni e NPM allo stesso tempo perché spediscono con un installer 80 | 81 | 02:02.480 --> 02:07.040 82 | nella prossima lezione installeremo post script Eskew sulle nostre macchine Windows. 83 | 84 | 02:07.360 --> 02:10.520 85 | Questo è davvero divertente e davvero eccitato. 86 | 87 | 02:10.540 --> 02:11.920 88 | Ci vediamo sul prossimo. 89 | -------------------------------------------------------------------------------- /Italian/section31/it_itintroduction-from-wolfgangautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.120 --> 00:07.070 4 | Ciao e benvenuto nella sezione per gli utenti Windows che potresti chiederti. 5 | 6 | 00:07.560 --> 00:10.280 7 | Aspetta un secondo che è questo ragazzo. 8 | 9 | 00:10.380 --> 00:11.600 10 | Questo non è Andre. 11 | 12 | 00:11.740 --> 00:13.950 13 | Ho scelto la rotta sbagliata. 14 | 15 | 00:13.980 --> 00:16.860 16 | Non ti preoccupare, sei sulla strada giusta. 17 | 18 | 00:16.860 --> 00:23.570 19 | Permettimi di presentarmi e Wolfgang potresti conoscermi già dalla Q & A o da questo tribunale. 20 | 21 | 00:23.910 --> 00:27.170 22 | Lavoro full developer nel 2010. 23 | 24 | 00:27.510 --> 00:30.420 25 | Dal 2011 ho lavorato come paramedico. 26 | 27 | 00:30.420 --> 00:36.320 28 | Mi sono iscritto anche a questo corso nel febbraio 2000 18 e l'ho terminato nell'aprile 2018. 29 | 30 | 00:36.720 --> 00:41.030 31 | Andrei mi ha ridato la mia passione per lo sviluppo completo delle scorte. 32 | 33 | 00:41.520 --> 00:44.100 34 | Ho fatto funzionare il nostro progetto sul mio computer e aiutato. 35 | 36 | 00:44.100 --> 00:47.000 37 | Anche alcuni studenti per farlo funzionare per loro. 38 | 39 | 00:47.400 --> 00:53.100 40 | Ora ho questa grande opportunità di mostrarti come puoi far funzionare tutti gli strumenti di cui hai bisogno 41 | 42 | 00:53.100 --> 00:55.210 43 | durante questo corso sul tuo sistema. 44 | 45 | 00:55.350 --> 00:56.660 46 | Basta con me. 47 | 48 | 00:56.760 --> 01:01.670 49 | Facciamo un tuffo nella prima lezione in cui parliamo dell'installazione di good su Windows. 50 | 51 | 01:01.680 --> 01:03.200 52 | Ci vediamo nel prossimo. 53 | -------------------------------------------------------------------------------- /Korean/section02/what-does-a-developer-dogenerated_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00:00.630 --> 00:00:02.200 4 | And welcome back. 5 | 6 | 00:00:02.210 --> 00:00:06.850 7 | In this final video I want to show you what this 8 | course is all about what we're learning in this course 9 | 10 | 00:00:06.870 --> 00:00:09.630 11 | and what we're going to 12 | be able to do at the end. 13 | 14 | 00:00:09.660 --> 00:00:15.090 15 | You may have heard the term full-stack developer 16 | front-end developer, back-end developer. And looking at 17 | 18 | 00:00:15.150 --> 00:00:16.190 19 | this diagram 20 | 21 | 00:00:16.300 --> 00:00:21.809 22 | you start to recognize that, HTML, CSS Javascript 23 | you see React in there, we'll get to that, 24 | 25 | 00:00:21.810 --> 00:00:27.670 26 | don't worry about it but that's what a front-end 27 | developer does. The front-end developer is the person 28 | 29 | 00:00:27.750 --> 00:00:34.800 30 | who makes sure that, when we open up the browser 31 | and go to Google.com that we see Google, we see it 32 | 33 | 00:00:34.920 --> 00:00:41.879 34 | nice and pretty laid out beautifully, has a search 35 | bar, essentially anything that a user sees, the 36 | 37 | 00:00:41.880 --> 00:00:48.260 38 | front-end developer does. And that is using HTML, 39 | CSS, Javascript, React and a few other tools. 40 | 41 | 00:00:48.760 --> 00:00:55.049 42 | The back-end developer, that's a person that works 43 | with the server makes sure that when a browser speaks 44 | 45 | 00:00:55.050 --> 00:01:02.049 46 | to it, it serves up those files and uses some technology 47 | such as Node.js, Express.js, which we're going 48 | 49 | 00:01:02.050 --> 00:01:07.199 50 | to get into, and then that server is going to talk 51 | also to a database; again we haven't really discussed 52 | 53 | 00:01:07.200 --> 00:01:12.180 54 | that too much but don't worry there's going to be a 55 | section on it and that's going to use PostgreSQL 56 | 57 | 00:01:13.090 --> 00:01:15.270 58 | and we're actually going to 59 | be learning that as well. 60 | 61 | 00:01:15.330 --> 00:01:22.230 62 | So we want to build you up as a full-stack developer to 63 | be able to work with all these technologies, so that 64 | 65 | 00:01:22.430 --> 00:01:26.230 66 | everything revolving 67 | around a web application, 68 | 69 | 00:01:26.260 --> 00:01:28.419 70 | you're able to build, so get excited. 71 | 72 | 00:01:28.420 --> 00:01:29.669 73 | You're going to learn all of this. 74 | 75 | 00:01:29.670 --> 00:01:35.640 76 | It looks overwhelming, but trust me, just like this How 77 | the Internet Works section it's all going to make sense. 78 | 79 | 00:01:36.680 --> 00:01:38.480 80 | So I'll see you at the next one. Bye-bye. -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2019 Zero To Mastery Captions 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /Portuguese/section02/pt_brwhat-does-a-developer-dogenerated_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.690 --> 00:02.260 4 | E bem vindo de volta. 5 | 6 | 00:02.270 --> 00:06.910 7 | Neste vídeo final, quero mostrar a você o que este curso trata do que aprendemos neste 8 | 9 | 00:06.910 --> 00:09.670 10 | curso e o que poderemos fazer no final. 11 | 12 | 00:09.710 --> 00:16.010 13 | Você pode ter ouvido o termo desenvolvedor front-end de desenvolvedor de pilha completa, desenvolvedor de back-end. E olhando para este diagrama, você começa a 14 | 15 | 00:16.010 --> 00:17.050 16 | reconhecer que 17 | 18 | 00:17.060 --> 00:23.500 19 | sabe que HTML, CSS Javascript você vê Reagir lá, vamos chegar a isso, não se preocupe, mas 20 | 21 | 00:23.500 --> 00:29.360 22 | é isso que um desenvolvedor front-end faz. O desenvolvedor front-end é a pessoa que 23 | 24 | 00:29.840 --> 00:37.190 25 | garante isso quando abrimos o navegador e acessamos o Google. com o que vemos no Google, achamos 26 | 27 | 00:37.310 --> 00:44.270 28 | bonito e bonito, tem uma barra de pesquisa, basicamente tudo o que um 29 | 30 | 00:44.270 --> 00:51.550 31 | usuário vê, o desenvolvedor front-end faz. E isso é usando HTML, CSS, Javascript, React e algumas outras ferramentas. 32 | 33 | 00:51.650 --> 00:58.340 34 | O desenvolvedor de back-end, que trabalha com o servidor, garante que, quando um navegador fala com ele, ele serve esses arquivos 35 | 36 | 00:58.340 --> 01:06.140 37 | e usa alguma tecnologia como o Node. js, Express. js, no qual entraremos, e 38 | 39 | 01:06.140 --> 01:11.690 40 | esse servidor também conversará com um banco de dados; novamente, não discutimos muito 41 | 42 | 01:11.690 --> 01:17.470 43 | sobre isso, mas não se preocupe, haverá uma seção sobre isso e que usará 44 | 45 | 01:17.480 --> 01:20.560 46 | o PostgreSQL, e na verdade aprenderemos isso também. 47 | 48 | 01:20.570 --> 01:27.770 49 | Portanto, queremos desenvolvê-lo como um desenvolvedor de pilha completa para poder trabalhar com todas essas tecnologias, para que tudo que 50 | 51 | 01:28.170 --> 01:31.970 52 | gere em torno de um aplicativo da Web seja capaz 53 | 54 | 01:32.000 --> 01:34.160 55 | de construir, então fique animado. 56 | 57 | 01:34.160 --> 01:35.600 58 | Você vai aprender tudo isso. 59 | 60 | 01:35.600 --> 01:42.670 61 | Parece esmagador, mas confie em mim, assim como a seção Como funciona a Internet, tudo fará 62 | 63 | 01:42.670 --> 01:43.420 64 | sentido. 65 | 66 | 01:43.810 --> 01:45.510 67 | Então eu vou ver o próximo. 68 | 69 | 01:45.680 --> 01:45.880 70 | Tchau tchau. 71 | -------------------------------------------------------------------------------- /Portuguese/section04/pt_brhtml-tags-2_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.850 --> 00:07.620 4 | E bem vindo de volta. No vídeo anterior, falamos sobre algumas das tags comuns usadas pelo HTML. 5 | 6 | 00:07.630 --> 00:12.790 7 | Vamos expandir esse conhecimento e aprender um pouco mais. Então, eu vou 8 | 9 | 00:12.790 --> 00:17.360 10 | excluí-los e ensiná-lo sobre algo chamado 'Lista ordenada'. 11 | 12 | 00:17.410 --> 00:24.110 13 | Então, uma tag 'ol', e dentro dessa tag, temos 14 | 15 | 00:27.140 --> 00:39.800 16 | os itens da lista 'li' - 'banana' e, outro item da lista, 'apple' e, por último, vamos fazer, 'orange'. 17 | 18 | 00:39.810 --> 00:48.200 19 | Então, se eu salvar isso, novamente, eu atualizo e temos banana, maçã, laranja. Então você pode ver aqui como você faz 20 | 21 | 00:48.200 --> 00:49.370 22 | listas. 23 | 24 | 00:49.640 --> 00:53.480 25 | E esta é uma 'Lista ordenada' para que você possa ver que temos '1, 2, 3'. 26 | 27 | 00:53.780 --> 00:59.350 28 | Se queremos fazê-lo sem os números, usamos algo chamado 'Lista Não Ordenada', 'ul'. 29 | 30 | 00:59.390 --> 01:03.420 31 | E, novamente, guardo isso e atualizo, e nós temos isso. 32 | 33 | 01:03.450 --> 01:06.470 34 | Agora também existem subcampos que você pode usar. 35 | 36 | 01:06.470 --> 01:10.750 37 | Então, novamente, isso é tudo sobre aninhamento, e com tags pai e filhos. 38 | 39 | 01:10.880 --> 01:18.080 40 | Então digamos que dentro das 'maçãs' que queríamos ter - deixe-me estruturar um pouco mais limpo, 41 | 42 | 01:19.640 --> 01:22.010 43 | lá está, dentro das 'maçãs'. 44 | 45 | 01:22.010 --> 01:30.160 46 | Também queremos enfatizar que existe a maçã 'fuji' e há 'mel crocante'. 47 | 48 | 01:30.290 --> 01:38.170 49 | E enquanto eu não consigo pensar em um terceiro tipo de maçã, vou excluir isso. Se eu salvar isso e atualizar, bem, temos 50 | 51 | 01:38.330 --> 01:44.540 52 | uma lista aninhada. Lá você tem os itens da sua lista. Veremos no próximo vídeo, onde 53 | 54 | 01:44.540 --> 01:49.760 55 | aprenderemos sobre como colocar imagens em nosso site e tags de fechamento automático. 56 | 57 | 01:49.800 --> 01:50.510 58 | Vejo você no próximo. 59 | -------------------------------------------------------------------------------- /Portuguese/section04/pt_brqa-indexhtml_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.410 --> 00:06.350 4 | E bem-vindo à seção de perguntas e respostas dos alunos, à medida que os alunos fazem 5 | 6 | 00:06.360 --> 00:10.770 7 | este curso, geralmente recebo várias perguntas. Alguns deles são realmente muito bons, outros que recebo frequentemente. 8 | 9 | 00:10.980 --> 00:18.180 10 | E usaremos essas seções de perguntas e respostas para fazer um vídeo de resposta para responder a algumas dessas realmente 11 | 12 | 00:18.180 --> 00:19.160 13 | boas perguntas. 14 | 15 | 00:19.200 --> 00:25.570 16 | E a primeira coisa que vamos abordar neste vídeo é 'index. html '. 17 | 18 | 00:26.040 --> 00:34.800 19 | Se voltarmos ao nosso exemplo que tínhamos, você notou que eu sempre usei 'index. html 'como a primeira página. 20 | 21 | 00:34.830 --> 00:38.050 22 | E então criamos 'nova página. html '. 23 | 24 | 00:38.070 --> 00:41.940 25 | Agora você pode estar se perguntando por que 'indexa. html '. 26 | 27 | 00:41.940 --> 00:48.890 28 | Por que não 'em casa. html 'ou' maçãs. html '? E você realmente poderia fazer isso. 29 | 30 | 00:48.900 --> 00:54.090 31 | Mas posso explicar isso muito bem olhando para este diagrama. 32 | 33 | 00:54.090 --> 00:58.710 34 | Na maioria das vezes, existem mais do que alguns arquivos html. 35 | 36 | 00:58.740 --> 01:04.420 37 | Você viu que, com o nosso exemplo, tínhamos o nosso 'índice. html 'e também' newpage. html '. 38 | 39 | 01:04.440 --> 01:11.340 40 | Mas quando fazemos esse pedido, digamos, google. com, como o servidor sabe qual html (arquivo) deve 41 | 42 | 01:11.340 --> 01:13.730 43 | retornar primeiro para a página inicial? 44 | 45 | 01:13.920 --> 01:19.300 46 | E você pode entrar no servidor, configurá-lo e dizer que sabe o que eu quero. html 'para ser a 47 | 48 | 01:19.350 --> 01:28.920 49 | primeira página. Mas, por padrão, a maioria dos servidores diz apenas "retornarei o índice". html'- se eu ver 'index. html 'nos servidores, retornarei 50 | 51 | 01:28.920 --> 01:31.550 52 | isso. "Portanto, essa é 53 | 54 | 01:31.560 --> 01:36.720 55 | apenas uma prática comum que você verá em muitos projetos nos quais 56 | 57 | 01:36.720 --> 01:37.620 58 | muitos sites 59 | 60 | 01:37.620 --> 01:43.710 61 | com os quais trabalhará é esse índice. html 'é geralmente, você pode pensar nela como a página 62 | 63 | 01:44.040 --> 01:46.580 64 | inicial, o primeiro arquivo HTML retornado pelo servidor. 65 | 66 | 01:47.100 --> 01:54.000 67 | E se alguém no índice. html 'clicar nesse link, e ele retornará o link que retornar. 68 | 69 | 01:54.000 --> 01:59.080 70 | Então haverá - digamos que eles cliquem na tag âncora 'About', e então eles entenderão '. html '. 71 | 72 | 01:59.220 --> 02:00.090 73 | Então é isso. 74 | 75 | 02:00.180 --> 02:03.550 76 | Essa é a sua resposta para sua pergunta. 77 | 78 | 02:03.600 --> 02:05.100 79 | Verei no próximo. Tchau tchau 80 | -------------------------------------------------------------------------------- /Portuguese/section05/pt_brhtml-challenge_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.090 --> 00:04.580 4 | Ufa! Você pode acreditar que chegou até aqui? 5 | 6 | 00:04.680 --> 00:12.090 7 | Quero dizer, no começo disso, você provavelmente não tinha ideia do que isso significa e agora olha para você, você 8 | 9 | 00:12.090 --> 00:14.680 10 | sabe o que cada linha significa. 11 | 12 | 00:15.480 --> 00:16.390 13 | Você sabe o que. 14 | 15 | 00:16.730 --> 00:19.120 16 | É praticamente isso, para HTML. 17 | 18 | 00:19.160 --> 00:20.660 19 | Não é muito difícil. 20 | 21 | 00:20.660 --> 00:26.000 22 | Você só precisa se lembrar de algumas tags e é muito fácil testar e reproduzir. 23 | 24 | 00:26.000 --> 00:28.460 25 | Então, chame a si mesmo de desenvolvedor HTML! 26 | 27 | 00:32.040 --> 00:38.430 28 | Eu tenho um joguinho divertido para você, como você pode ver aqui, criamos uma página da web simples, onde posso 29 | 30 | 00:38.520 --> 00:39.830 31 | vincular a outra página. 32 | 33 | 00:39.840 --> 00:46.110 34 | Posso voltar, posso até clicar no registro e enviar um formulário. 35 | 36 | 00:46.240 --> 00:50.580 37 | Quero que você tente criar seu próprio site aqui. 38 | 39 | 00:50.710 --> 00:57.300 40 | E quando terminar, fornecerei o link para o meu email na descrição abaixo. 41 | 42 | 00:57.340 --> 01:05.260 43 | Envie-me seu primeiro site e mostrarei alguns dos meus favoritos em um próximo vídeo. 44 | 45 | 01:05.350 --> 01:06.570 46 | Vejo você no próximo. 47 | 48 | 01:06.770 --> 01:07.050 49 | Tchau tchau 50 | -------------------------------------------------------------------------------- /Portuguese/section07/pt_brexercise-robot-animation_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.750 --> 00:06.740 4 | Olá! Este é o seu novo amigo robô e eu tenho um pequeno e divertido desafio para você. 5 | 6 | 00:06.810 --> 00:10.230 7 | Eu criei este robô que é realmente muito legal. 8 | 9 | 00:10.230 --> 00:18.310 10 | Então, quando você passa o mouse, a cabeça dele cresce e ele também pode dançar: Agora, 11 | 12 | 00:18.310 --> 00:23.720 13 | aqui está o desafio: eu criei a maioria deste robô. 14 | 15 | 00:23.730 --> 00:27.360 16 | Mas você primeiro precisa montá-lo, para que fique assim. 17 | 18 | 00:27.820 --> 00:35.030 19 | E na próxima seção, deixei alguns arquivos para você: um arquivo de índice e o arquivo CSS. 20 | 21 | 00:35.140 --> 00:42.430 22 | O único problema é que essas peças estão por toda a página e preciso que você as monte, para que você possa 23 | 24 | 00:42.430 --> 00:44.190 25 | ter um amigo robô também. 26 | 27 | 00:44.230 --> 00:51.100 28 | Na seção a seguir, após o exercício, terei a solução que você pode usar, mas tente e espero 29 | 30 | 00:51.670 --> 00:54.660 31 | que também tenha um novo amigo robô. 32 | -------------------------------------------------------------------------------- /Portuguese/section07/pt_brresponsive-ui_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.390 --> 00:06.540 4 | Bem vindo de volta! Sempre que você solicitar a um empregador a criação de um site 5 | 6 | 00:06.540 --> 00:15.170 7 | ou aplicativo da web, uma das primeiras coisas que eles solicitarão é garantir que o site seja responsivo. Então, o que é interface do usuário responsiva? 8 | 9 | 00:15.270 --> 00:20.760 10 | Bem, eu posso mostrar a você abrindo as ferramentas de desenvolvedor, que já deveríamos saber e 11 | 12 | 00:20.760 --> 00:24.630 13 | você verá aqui que existe um pequeno ícone de telefone. 14 | 15 | 00:25.020 --> 00:32.350 16 | Se clicarmos nele, ele mostrará por que seu site será semelhante, por exemplo, a um iPhone. 17 | 18 | 00:32.440 --> 00:33.740 19 | Vamos tornar isso um pouco maior. 20 | 21 | 00:33.760 --> 00:38.160 22 | Então, vamos fazer 100% do tamanho. Perfeito. 23 | 24 | 00:38.170 --> 00:42.840 25 | Você verá que seu site em um iPhone se parece com isso. 26 | 27 | 00:43.150 --> 00:50.050 28 | E se fizermos um iPad. Bem, parece que isso e se ele gira, parece bom. 29 | 30 | 00:50.170 --> 00:58.840 31 | Tão responsivo significa que seu site, não importa o que aconteça, seja na tela grande ou algo parecido 32 | 33 | 00:58.840 --> 01:00.650 34 | com um iPad. 35 | 36 | 01:00.750 --> 01:01.680 37 | É responsivo. 38 | 39 | 01:01.680 --> 01:03.810 40 | Isso significa que não há cortes. 41 | 42 | 01:03.810 --> 01:08.540 43 | Tudo parece bom, independentemente do tamanho da tela. 44 | 45 | 01:08.550 --> 01:15.480 46 | Portanto, se voltarmos ao nosso site e fecharmos as guias do desenvolvedor, eu posso brincar com isso - abra e feche 47 | 48 | 01:15.510 --> 01:17.820 49 | e veja se ele é responsivo. 50 | 51 | 01:17.820 --> 01:20.840 52 | O site parece bom, independentemente do tamanho. 53 | 54 | 01:20.850 --> 01:27.810 55 | E os usuários podem aproveitar a experiência e não ficarem desligados, porque, independentemente de acessá-la por meio 56 | 57 | 01:28.140 --> 01:32.400 58 | do iPad, em casa, no sofá, ainda parece bom. 59 | 60 | 01:32.430 --> 01:38.360 61 | Portanto, lembre-se: a interface do usuário responsiva deve ser uma prioridade ao criar sites. 62 | 63 | 01:38.520 --> 01:40.110 64 | Vejo você no próximo. Tchau tchau 65 | -------------------------------------------------------------------------------- /Portuguese/section08/pt_brexercise-startup-landing-pageautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.540 --> 00:02.190 4 | Santo Moly. 5 | 6 | 00:02.190 --> 00:04.230 7 | Bom trabalho chegando até aqui no curso. 8 | 9 | 00:04.230 --> 00:09.960 10 | Você deve realmente se orgulhar de si mesmo porque aprendemos muito e agora vamos construir 11 | 12 | 00:09.960 --> 00:11.570 13 | algo realmente emocionante. 14 | 15 | 00:11.610 --> 00:14.240 16 | Vamos construir uma página inicial de destino. 17 | 18 | 00:14.580 --> 00:16.170 19 | Uma página de destino como esta. 20 | 21 | 00:16.170 --> 00:24.120 22 | Esse poço é responsivo, mas o mais importante é que ele possui algum texto. 23 | 24 | 00:24.120 --> 00:25.100 25 | Tem um botão 26 | 27 | 00:25.590 --> 00:26.500 28 | Mas veja isso. 29 | 30 | 00:26.580 --> 00:32.270 31 | Quando você clica no botão, você é levado a um formulário para se inscrever e coletar endereços de email. 32 | 33 | 00:32.280 --> 00:32.920 34 | Está certo. 35 | 36 | 00:32.970 --> 00:35.790 37 | Estamos criando uma página inicial de destino. 38 | 39 | 00:35.790 --> 00:40.620 40 | Vou mostrar a você como fazer isso passo a passo e você pode pegar os 41 | 42 | 00:40.620 --> 00:47.970 43 | arquivos iniciais anexados a esta lição, porque vamos criar isso do zero e ver como podemos colocar algo online que agora você pode 44 | 45 | 00:47.970 --> 00:49.590 46 | compartilhar com seus amigos . 47 | 48 | 00:49.590 --> 00:53.540 49 | Da próxima vez que você tiver uma grande ideia de inicialização, vamos começar. 50 | -------------------------------------------------------------------------------- /Portuguese/section09/pt_brcss-grid-5autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.790 --> 00:09.120 4 | Outra coisa que quero mostrar a você com o item individual em uma grade é que podemos 5 | 6 | 00:09.180 --> 00:12.510 7 | fazer algo como justificar a si mesmo. 8 | 9 | 00:12.670 --> 00:20.500 10 | Lembre-se de que justificamos e alinhamos itens, mas quando se trata de itens individuais, temos que usar 11 | 12 | 00:20.500 --> 00:21.710 13 | o self. 14 | 15 | 00:22.180 --> 00:30.920 16 | E como você pode imaginar, se eu iniciar e atualizar o seu, vamos para o início da coluna. 17 | 18 | 00:31.230 --> 00:43.370 19 | Se eu fizer uma linha, ela irá para o início da linha e, se fizermos e atualizamos novamente, vemos que a 20 | 21 | 00:43.490 --> 00:46.250 22 | mesma coisa está acontecendo. 23 | 24 | 00:46.330 --> 00:50.600 25 | Vou deixar esse arquivo para você também para que você possa brincar com ele. 26 | 27 | 00:50.650 --> 00:58.090 28 | Encorajo-vos a tentar criar diferentes tipos de grades e aparência que você deseja, como pode ver, 29 | 30 | 00:58.090 --> 01:05.830 31 | é bastante poderoso, mas também muito simples e nos permite criar sistemas de grade responsivos com 32 | 33 | 01:05.830 --> 01:07.120 34 | muita facilidade. 35 | 36 | 01:07.120 --> 01:12.040 37 | Agora, na verdade, existe uma folha de dicas que você pode usar para resumir tudo o que 38 | 39 | 01:12.040 --> 01:15.550 40 | eu ensinei até agora, e há um link para este vídeo. 41 | 42 | 01:15.700 --> 01:18.860 43 | Chama-se O poço, a grade. 44 | 45 | 01:19.510 --> 01:22.850 46 | E mostra exatamente por que você precisa fazer o contêiner. 47 | 48 | 01:23.730 --> 01:32.370 49 | Aprendemos sobre os itens de linha dos modelos de grade com intervalos de grade e também o que fazer com os filhos, 50 | 51 | 01:32.370 --> 01:39.870 52 | como a coluna Grade, justifica o auto-alinhamento e possui todos esses pequenos trechos nos quais você pode simplesmente 53 | 54 | 01:40.110 --> 01:41.650 55 | clicar e copiar. 56 | 57 | 01:41.670 --> 01:46.660 58 | Então, eu recomendo que você brinque com algumas dessas propriedades por conta própria. 59 | 60 | 01:47.360 --> 01:54.100 61 | Porque na próxima parte, usaremos a grade CSSA para criar um layout completo do site. 62 | 63 | 01:54.170 --> 01:55.940 64 | Eu vou ver de uma maneira. 65 | -------------------------------------------------------------------------------- /Portuguese/section09/pt_brsection-overviewautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.910 --> 00:06.970 4 | Bem-vindo de volta a esta seção. Quero resolver o problema que temos, especialmente 5 | 6 | 00:06.970 --> 00:12.310 7 | quando estamos começando, como criar um layout de um site. 8 | 9 | 00:12.310 --> 00:17.450 10 | E é provavelmente a coisa mais difícil de aprender quando você está começando. 11 | 12 | 00:17.640 --> 00:24.810 13 | Como você cria algo, digamos assim, que seja responsivo, que vemos em toda a Web 14 | 15 | 00:24.810 --> 00:30.490 16 | e barra de navegação um chapeleiro algumas grades por rodapé aqui. 17 | 18 | 00:30.720 --> 00:34.610 19 | E como realmente tornamos isso responsivo. 20 | 21 | 00:37.720 --> 00:45.820 22 | Nesta seção, criaremos um layout de página da Web ideal para que, a partir de agora, você tenha a linha de 23 | 24 | 00:45.820 --> 00:52.960 25 | base e o Fondation para personalizar e criar os sites que você deseja que sejam responsivos sem gastar muito 26 | 27 | 00:52.960 --> 00:58.740 28 | tempo com tentativa e erro tentando coisas diferentes com a CSSA esperando que funcione. 29 | 30 | 00:58.750 --> 01:05.440 31 | Então, eu vou lhe mostrar minha maneira recomendada de organizar as páginas da web que sejam responsivas e ter 32 | 33 | 01:05.440 --> 01:07.640 34 | esse modelo disponível para você avançar. 35 | 36 | 01:08.380 --> 01:16.230 37 | Também vamos aprender sobre um novo recurso no CSSA chamado CSSA grid, que é realmente muito poderoso. 38 | 39 | 01:16.270 --> 01:25.850 40 | E, à medida que você aprende, nos permite usar essa grade do CSSA combinada com o fluxbox para honestamente que a Navan precise de 41 | 42 | 01:25.850 --> 01:32.270 43 | coisas como bootstrap quatro ou outras bibliotecas que permitem que você faça grades no passado. 44 | 45 | 01:32.270 --> 01:40.130 46 | Foi realmente muito difícil fazer o layout e ver o SS. Mas com ferramentas como a grade CSSA e 47 | 48 | 01:40.130 --> 01:47.230 49 | a caixa flexível, agora você tem a capacidade de realmente criar belos layouts responsivos realmente muito rápidos. 50 | 51 | 01:47.320 --> 01:48.820 52 | Então vamos começar. 53 | 54 | 01:48.820 --> 01:50.230 55 | Vejo você no próximo vídeo. 56 | -------------------------------------------------------------------------------- /Portuguese/section11/pt_brintroduction-to-javascript_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.360 --> 00:01.390 4 | Bem vindo de volta. 5 | 6 | 00:01.680 --> 00:05.570 7 | Estamos prestes a dar o maior passo em nossas carreiras para desenvolvedores agora. 8 | 9 | 00:06.150 --> 00:08.200 10 | Esta é de longe a minha coisa favorita para ensinar. 11 | 12 | 00:08.370 --> 00:10.100 13 | E mal posso esperar para começar. 14 | 15 | 00:10.200 --> 00:17.850 16 | Mas antes que eu queira, você deve saber uma coisa: quando comecei a aprender JavaScript, era a coisa mais difícil 17 | 18 | 00:17.850 --> 00:18.850 19 | de obter. 20 | 21 | 00:19.290 --> 00:25.650 22 | Lembro-me de me sentir confuso e frustrado ao longo do caminho e, para ser sincero, se for a primeira vez 23 | 24 | 00:25.650 --> 00:29.460 25 | que você aprende uma linguagem de programação, você terá esses momentos. 26 | 27 | 00:29.490 --> 00:35.850 28 | Estou aqui para dizer para você continuar com isso. Assim como aprender qualquer idioma; com tempo suficiente na 29 | 30 | 00:36.000 --> 00:38.720 31 | prática, você pode se tornar fluente. 32 | 33 | 00:38.730 --> 00:44.610 34 | Agora, diferentemente da linguagem humana, você não precisa se lembrar de tantas palavras e estrutura de sentenças. Então você vai chegar lá, eu 35 | 36 | 00:44.610 --> 00:47.030 37 | prometo a você isso. 38 | 39 | 00:47.070 --> 00:53.420 40 | Agora, não assista apenas aos vídeos nesta seção e navegue pelo conteúdo. Realmente trabalhe nos exercícios que eu 41 | 42 | 00:53.520 --> 00:58.840 43 | dou no final dos vídeos e certifique-se de entender cada tópico. 44 | 45 | 00:58.970 --> 01:03.460 46 | Por fim, esta seção ensinará os conceitos básicos do JavaScript. 47 | 48 | 01:03.470 --> 01:10.970 49 | Tudo parece muito estranho e às vezes separado do HTML no CSS - na verdade, não tocaremos 50 | 51 | 01:10.970 --> 01:13.220 52 | muito em HTML e CSS. 53 | 54 | 01:13.220 --> 01:20.000 55 | No entanto, na próxima seção, mostrarei como nosso novo conhecimento encontrado de JavaScript agora pode ser 56 | 57 | 01:20.390 --> 01:23.850 58 | conectado aos nossos sites HTML e CSS. 59 | 60 | 01:23.860 --> 01:26.180 61 | É quando a mágica real acontece. 62 | 63 | 01:26.290 --> 01:29.110 64 | Então fique forte, fique determinado. 65 | 66 | 01:29.320 --> 01:31.870 67 | Você chegará lá no devido tempo. 68 | 69 | 01:32.000 --> 01:35.240 70 | Vamos começar, sim? Vejo você no próximo. Tchau tchau 71 | -------------------------------------------------------------------------------- /Portuguese/section19/pt_brcreate-react-app-3autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.470 --> 00:01.400 4 | Ei. 5 | 6 | 00:01.440 --> 00:07.680 7 | Sim, sou eu de novo falando sobre criar um aplicativo de reação porque, enquanto eles constantemente atualizam, crie um aplicativo de 8 | 9 | 00:07.680 --> 00:09.510 10 | reação, mas sabemos disso corretamente. 11 | 12 | 00:09.510 --> 00:12.580 13 | As ferramentas estão sendo atualizadas constantemente. 14 | 15 | 00:12.720 --> 00:20.460 16 | Agora, na verdade, existe uma nova maneira mais fácil de iniciar um projeto de criação de aplicativo de reação, e eu irei vincular ao recurso, mas criar 17 | 18 | 00:20.910 --> 00:22.280 19 | o aplicativo de reação. 20 | 21 | 00:22.320 --> 00:32.050 22 | Além de ter sua própria página, agora também usa esse comando para criar um aplicativo. 23 | 24 | 00:32.050 --> 00:41.370 25 | Vamos dar uma olhada para que, no passado, fizéssemos algo como criar um aplicativo de reação e criar nosso próprio projeto. 26 | 27 | 00:41.370 --> 00:48.890 28 | Mas agora, em vez de termos que instalar e criar um aplicativo de reação usando o npm install, agora podemos fazer ep x e o MP 29 | 30 | 00:48.890 --> 01:00.630 31 | X é realmente uma ferramenta que é uma execução de pacote ou ferramenta que acompanha qualquer versão do NPM 5. 2 ou superior, se você está assistindo o vídeo agora, deveria ter e porque falamos 32 | 33 | 01:00.700 --> 01:05.620 34 | sobre como atualizar nosso NPM agora, em vez de termos que instalar o 35 | 36 | 01:05.620 --> 01:12.630 37 | app de criação de reação, agora podemos executar o MP X, criar um aplicativo de reação e o que 38 | 39 | 01:12.630 --> 01:15.820 40 | quisermos quer ligar para o nosso aplicativo. 41 | 42 | 01:15.930 --> 01:23.940 43 | Então, se eu fizer, digamos criar app de reação e nós chamaremos este projeto, vamos chamá-lo 44 | 45 | 01:24.240 --> 01:34.540 46 | mu, é um projeto do KAOS. D. em Mu e se eu 47 | 48 | 01:34.560 --> 01:38.300 49 | abrir o projeto, lá vamos nós. 50 | 51 | 01:38.320 --> 01:44.800 52 | Temos todos os nossos arquivos com os quais estamos familiarizados com a versão mais recente dos scripts react e 53 | 54 | 01:44.800 --> 01:47.560 55 | react, que novamente é isso que cria react. 56 | 57 | 01:47.740 --> 01:53.770 58 | Agora, no seu caso, eu queria criar um projeto chamado amigos robo, porque nas próximas lições 59 | 60 | 01:53.770 --> 01:59.320 61 | criaremos o aplicativo de um amigo robo que, a propósito, será muito divertido. 62 | 63 | 01:59.320 --> 02:05.470 64 | Se você quiser saber mais sobre o MP X, vou ligar para um recurso interessante que você pode ler mais sobre isso neste 65 | 66 | 02:05.470 --> 02:05.970 67 | vídeo. 68 | 69 | 02:06.480 --> 02:06.990 70 | Tudo certo. 71 | 72 | 02:07.090 --> 02:07.920 73 | Foi isso. 74 | 75 | 02:07.960 --> 02:09.370 76 | Legal e fácil. 77 | 78 | 02:09.370 --> 02:10.870 79 | Verei no próximo. 80 | 81 | 02:10.930 --> 02:11.170 82 | Bobby. 83 | -------------------------------------------------------------------------------- /Portuguese/section23/pt_brwhat-we-are-building_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.100 --> 00:04.090 4 | Esta é a parte mais emocionante do curso. 5 | 6 | 00:04.250 --> 00:08.670 7 | E estou muito, muito animada para trabalhar nesse projeto com você. 8 | 9 | 00:08.690 --> 00:14.810 10 | Vamos criar nosso aplicativo final, algo que podemos colocar em nossos portfólios 11 | 12 | 00:14.810 --> 00:18.000 13 | e impressionar nossos futuros empregadores. 14 | 15 | 00:18.080 --> 00:21.410 16 | Vamos usar tudo o que aprendemos até o momento. 17 | 18 | 00:21.680 --> 00:27.650 19 | E depois, mais tarde, para criar um aplicativo completo com front end usando o react. 20 | 21 | 00:27.650 --> 00:30.340 22 | Ele usa uma API de reconhecimento de imagem. 23 | 24 | 00:30.680 --> 00:34.530 25 | Possui servidor próprio, usando node e express. 26 | 27 | 00:34.610 --> 00:36.910 28 | E, finalmente, também seu banco de dados. 29 | 30 | 00:36.980 --> 00:46.780 31 | Vamos criar algo em que você pode fazer login. 32 | 33 | 00:46.870 --> 00:52.670 34 | Teremos um site totalmente responsivo, como você pode ver, parece muito bom. 35 | 36 | 00:53.560 --> 01:00.010 37 | Mas a parte interessante é que, além de todas essas animações sofisticadas e a 38 | 39 | 01:00.010 --> 01:11.910 40 | capacidade de logout que temos, quando inserimos uma imagem e pressionamos detectar, elas realmente detectam rostos e depois imagens e colocam uma caixa em volta dela. 41 | 42 | 01:12.230 --> 01:13.730 43 | Vamos tentar outro. 44 | 45 | 01:13.730 --> 01:26.750 46 | Se eu selecionar esse rosto, tudo o que precisamos é de um URL para uma imagem e, ao ver isso, ele detectará o rosto para nós. 47 | 48 | 01:26.760 --> 01:29.890 49 | Então, sim, você vai construir isso. Eu vou te ajudar. 50 | 51 | 01:29.970 --> 01:37.530 52 | E até o final disso, teremos um projeto totalmente concluído. E não se preocupe com aqueles que adoram 53 | 54 | 01:37.620 --> 01:41.190 55 | assistir, fornecerei os arquivos do projeto para você, 56 | 57 | 01:41.190 --> 01:43.710 58 | no final deste curso. 59 | 60 | 01:43.900 --> 01:45.050 61 | Você está animado? 62 | 63 | 01:45.440 --> 01:46.500 64 | Bem, vamos começar. 65 | -------------------------------------------------------------------------------- /Portuguese/section25/pt_brquick-note-bcryptautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.450 --> 00:03.780 4 | Ei pessoal, este sou eu do futuro. 5 | 6 | 00:03.780 --> 00:09.720 7 | Apenas informando que, no próximo vídeo, falaremos sobre este pacote chamado B crypt 8 | 9 | 00:09.950 --> 00:11.590 10 | node j s. 11 | 12 | 00:11.720 --> 00:19.220 13 | Agora, se você acessar esta página agora no NPM, receberá um pequeno aviso aqui dizendo que este pacote foi 14 | 15 | 00:19.220 --> 00:23.720 16 | descontinuado e que eles recomendam que você use outra coisa. 17 | 18 | 00:23.720 --> 00:29.380 19 | Você usa a cripta B ou o ponto de criptografia J J Sim. 20 | 21 | 00:29.480 --> 00:35.720 22 | Agora, ambas são implementações de algo sobre o qual falaremos sobre criptografia B e eu irei 23 | 24 | 00:35.720 --> 00:41.930 25 | vincular a este recurso para que você possa descobrir a diferença que existe no JavaScript. 26 | 27 | 00:41.930 --> 00:44.460 28 | O outro está em C ++. 29 | 30 | 00:44.660 --> 00:52.490 31 | Outra linguagem de programação, no entanto, para este projeto, porque este é nosso projeto pessoal, vamos usar o B crypt 32 | 33 | 00:52.490 --> 00:55.710 34 | no J. S. ainda. 35 | 36 | 00:55.910 --> 01:01.530 37 | E a razão pela qual faço isso é porque a cripta B nenhum Jesus foi criada especificamente. 38 | 39 | 01:01.610 --> 01:10.670 40 | Portanto, ele funciona tanto no Mac e Linux quanto no Windows, pois com os outros pacotes baseados em 41 | 42 | 01:10.670 --> 01:14.940 43 | qualquer sistema operacional, você pode encontrar alguns erros. 44 | 45 | 01:15.020 --> 01:22.190 46 | Portanto, se você quiser, poderá usar esses pacotes, especialmente quando tiver um aplicativo da vida real que armazene senhas 47 | 48 | 01:22.190 --> 01:23.310 49 | de usuários. 50 | 51 | 01:23.420 --> 01:26.130 52 | Mas, no nosso caso, quero que usemos o script B. 53 | 54 | 01:26.150 --> 01:33.370 55 | Não J. S. porque, embora não seja mais mantida, ela não recebe atualizações. 56 | 57 | 01:33.440 --> 01:38.570 58 | Isso garantirá que funcione em todos os sistemas para esta lição. 59 | 60 | 01:39.840 --> 01:47.730 61 | Então, eu ainda recomendo usar B cripta no J. S. se você quiser mais tarde, você pode atualizar ou alterar o 62 | 63 | 01:47.730 --> 01:49.380 64 | pacote para criptografar B criptografar sim. 65 | 66 | 01:49.440 --> 01:51.930 67 | Na maioria das vezes, eles funcionam. 68 | 69 | 01:51.930 --> 01:57.230 70 | Mas quero evitar que alguém tenha problemas para que possamos preparar e implantar esse projeto. 71 | 72 | 01:57.810 --> 01:59.370 73 | Vou ver no próximo por. 74 | -------------------------------------------------------------------------------- /Portuguese/section26/pt_brsql-delete-from-drop-table_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.510 --> 00:01.790 4 | Bem vindo de volta. 5 | 6 | 00:02.510 --> 00:05.290 7 | Agora temos nossas tabelas aqui. 8 | 9 | 00:05.420 --> 00:16.960 10 | Mas e se quiséssemos excluir algo. Digamos que Sally decida - vamos tentar de novo. 11 | 12 | 00:18.770 --> 00:25.640 13 | Digamos que Sally não queira mais fazer parte deste aplicativo e ela removerá seu usuário. Bem, ela pode enviar uma 14 | 15 | 00:25.850 --> 00:27.090 16 | solicitação. 17 | 18 | 00:27.110 --> 00:37.100 19 | E no back-end, podemos simplesmente excluir os usuários do nome da tabela e depois dizemos qual usuário. Bem, usamos a palavra-chave WHERE 20 | 21 | 00:37.150 --> 00:46.790 22 | e aqui diz o nome igual a 'Sally', pressione enter. 23 | 24 | 00:46.890 --> 00:55.690 25 | E com delete, na verdade temos que excluir FROM, então excluir FROM usuários ONDE o nome é igual a Sally. 26 | 27 | 00:56.370 --> 00:57.620 28 | E nós temos uma exclusão. 29 | 30 | 00:57.810 --> 01:05.420 31 | Se eu selecionar uma estrela dos usuários, Sally 32 | 33 | 01:05.420 --> 01:10.120 34 | se foi. Tudo bem, acho que terminamos com este exemplo. 35 | 36 | 01:10.280 --> 01:12.130 37 | Vamos excluir essas tabelas. 38 | 39 | 01:12.140 --> 01:22.570 40 | Como podemos fazer isso. Nós podemos apenas DROP table e dizer login, o login foi removido e depois os 41 | 42 | 01:25.190 --> 01:28.660 43 | usuários da tabela DROP. Se 44 | 45 | 01:28.770 --> 01:31.410 46 | eu olhar para quais 47 | 48 | 01:31.860 --> 01:36.330 49 | tabelas temos, não temos relações, nem tabelas. 50 | 51 | 01:36.350 --> 01:37.400 52 | Tudo certo. 53 | 54 | 01:37.730 --> 01:39.450 55 | Bom trabalho chegando até aqui. 56 | 57 | 01:39.470 --> 01:40.450 58 | Vejo você no próximo vídeo, tchau-tchau. 59 | -------------------------------------------------------------------------------- /Portuguese/section26/pt_brsql-functions_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.180 --> 00:02.450 4 | Bem vindo de volta. 5 | 6 | 00:02.630 --> 00:08.870 7 | Agora, o SQL também pode ter funções e vou mostrar três das mais 8 | 9 | 00:08.870 --> 00:14.760 10 | populares e mais comuns neste vídeo. Apenas para verificar o que temos em nossa tabela, também temos usuários. 11 | 12 | 00:14.910 --> 00:27.380 13 | E se eu selecionar usuários estrela, opa. Esqueci de usar FROM, temos nossos usuários. Agora, digamos que queremos obter a pontuação 14 | 15 | 00:27.470 --> 00:30.010 16 | média dos usuários. 17 | 18 | 00:30.380 --> 00:41.300 19 | Podemos fazer isso dizendo SELECT average e dê o nome da coluna dentro da média, digamos score da 20 | 21 | 00:42.340 --> 00:44.210 22 | tabela users. 23 | 24 | 00:44.470 --> 00:49.220 25 | Assim, você pode ver que nossa função, como no Javascript, tem o nome 26 | 27 | 00:49.220 --> 00:58.130 28 | da função e os colchetes ao redor da coluna que queremos. Vamos pressionar enter e olhar para essa média é 29 | 30 | 00:58.130 --> 01:00.100 31 | 84. 5) 32 | 33 | 01:00.130 --> 01:01.450 34 | Muito legal. 35 | 36 | 01:01.450 --> 01:02.900 37 | Que outras funções temos. 38 | 39 | 01:03.100 --> 01:12.790 40 | Digamos que queremos obter a soma da idade de todos. 41 | 42 | 01:12.990 --> 01:19.520 43 | Posso invocar a função SUM e descobrir que temos uma soma acumulada de 132. 44 | 45 | 01:19.800 --> 01:26.400 46 | E, finalmente, também há COUNT outro útil. 47 | 48 | 01:26.630 --> 01:34.740 49 | E se quisermos descobrir quantos usuários temos em nosso banco de dados, podemos apenas dizer COUNT nome e temos 50 | 51 | 01:35.070 --> 01:38.200 52 | quatro usuários ativos em nosso jogo. 53 | 54 | 01:38.220 --> 01:41.040 55 | Tudo bem, temos que trabalhar nisso para aumentar esse número. 56 | 57 | 01:41.100 --> 01:41.880 58 | Perfeito. 59 | 60 | 01:41.880 --> 01:49.080 61 | Existem mais algumas funções que você pode usar, mas essas são provavelmente as mais comuns. Você já pode imaginar parte do poder 62 | 63 | 01:49.080 --> 01:55.690 64 | que vem com esses valores. 65 | 66 | 01:55.690 --> 01:55.690 67 | Vejo no próximo, tchau-tchau. 68 | -------------------------------------------------------------------------------- /Portuguese/section27/pt_brwhats-next_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.170 --> 00:02.390 4 | Bem vindo de volta. 5 | 6 | 00:02.640 --> 00:08.410 7 | Eu quero apenas um segundo para dizer bom trabalho chegando até aqui. 8 | 9 | 00:09.650 --> 00:17.160 10 | Eu sei que não é fácil apenas seguir uma voz e uma tela e isso exige muita motivação. 11 | 12 | 00:17.170 --> 00:20.010 13 | Então, novamente, obrigado por ficar lá. 14 | 15 | 00:20.170 --> 00:25.780 16 | Eu realmente espero que você tenha aprendido muito nisso e esteja animado para aprender ainda mais. 17 | 18 | 00:27.380 --> 00:35.330 19 | Você vê que somos capazes de começar do HTML simples para criar nosso banco de dados e conectá-lo a 20 | 21 | 00:35.330 --> 00:42.320 22 | um servidor e criar esse aplicativo bonito. Agora você pode ver quanto potencial temos, podemos realmente expandir 23 | 24 | 00:42.320 --> 00:44.590 25 | isso para fazer tantas coisas. 26 | 27 | 00:44.870 --> 00:47.520 28 | E é por isso que ser desenvolvedor é tão incrível. 29 | 30 | 00:47.660 --> 00:52.930 31 | Você literalmente tem o poder de fazer o que quiser, o que quiser construir. 32 | 33 | 00:52.940 --> 00:55.850 34 | Existe uma maneira e espero que você realmente entenda isso. 35 | 36 | 00:56.090 --> 01:02.090 37 | Agora, este nosso aplicativo realmente existe muito que pode ser melhorado. 38 | 39 | 01:02.100 --> 01:11.240 40 | Há várias coisas que podemos limpar muitas validações que precisaremos corrigir e algumas otimizações, mas 41 | 42 | 01:12.640 --> 01:18.720 43 | seguir alguém em um projeto pode ser bastante assustador. 44 | 45 | 01:18.770 --> 01:20.160 46 | Então, eu quero ouvir de você. 47 | 48 | 01:20.180 --> 01:25.220 49 | Quero saber por que você quer ver a seguir como gostaríamos de melhorar este aplicativo. 50 | 51 | 01:25.250 --> 01:31.310 52 | Talvez você queira criar sessões para que, se eu voltar a este aplicativo, não precise 53 | 54 | 01:31.310 --> 01:33.610 55 | fazer login todas as vezes. 56 | 57 | 01:33.720 --> 01:37.340 58 | Talvez você queira apenas expandir isso e criar um perfil de usuário. 59 | 60 | 01:38.230 --> 01:41.730 61 | Para que possamos atualizar e excluir usuários. 62 | 63 | 01:43.500 --> 01:49.140 64 | Deixe-me saber o que você pensa que quer fazer neste curso, porque eu quero que isso seja fluido. 65 | 66 | 01:49.140 --> 01:52.200 67 | Eu queria aprender coisas que dizem que você está realmente interessado. 68 | 69 | 01:52.260 --> 01:58.730 70 | Entre em contato e continuarei trabalhando neste aplicativo com os novos recursos que você deseja adicionar. 71 | 72 | 02:00.470 --> 02:04.650 73 | Mas, novamente, bom trabalho que você chegou até aqui. 74 | 75 | 02:04.650 --> 02:10.900 76 | Rapaz, definitivamente demorei muito tempo para gravar esses vídeos e estou feliz por termos chegado aqui também. 77 | 78 | 02:11.030 --> 02:13.490 79 | Mas há muito mais para aprender. 80 | 81 | 02:14.810 --> 02:15.870 82 | Vejo você no próximo. Tchau tchau. 83 | -------------------------------------------------------------------------------- /Portuguese/section28/pt_brdeploying-to-heroku-part-3autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.790 --> 00:02.510 4 | Bem vindo de volta. 5 | 6 | 00:02.510 --> 00:03.280 7 | Tudo certo. 8 | 9 | 00:03.410 --> 00:13.280 10 | Portanto, o motivo pelo qual o ponto de extremidade da imagem não estava funcionando foi devido a um erro bobo. Eu havia deixado o porto aqui, que não 11 | 12 | 00:13.370 --> 00:15.870 13 | deveria estar aqui. 14 | 15 | 00:15.890 --> 00:23.000 16 | Como você pode ver, nosso aplicativo Heroku está hospedado lá e não precisamos da porta. 17 | 18 | 00:23.120 --> 00:36.360 19 | Então, se eu salvei isso, vamos criar um novo usuário. Desta vez, registraremos o Teddy e Teddy no G-mail dot com uma 20 | 21 | 00:36.350 --> 00:43.790 22 | senha 1 2 3, registraremos e vamos pegar outra cara, pegar essa cara 23 | 24 | 00:48.030 --> 00:49.440 25 | dessa vez, 26 | 27 | 00:53.810 --> 00:55.820 28 | vamos colar aqui. 29 | 30 | 00:55.820 --> 00:59.110 31 | Detecte e olhe para isso. 32 | 33 | 00:59.110 --> 01:03.450 34 | Agora isso está sendo atualizado e tudo está funcionando conforme o esperado. 35 | 36 | 01:06.040 --> 01:13.700 37 | Se voltarmos ao servidor, veremos que o ponto final da imagem finalmente é atingido e tudo está funcionando. 38 | 39 | 01:13.810 --> 01:17.670 40 | Surpreendentemente Quão legal é isso. 41 | 42 | 01:17.680 --> 01:26.860 43 | Acabamos de implantar um servidor e um banco de dados e eles também estão se comunicando com o front 44 | 45 | 01:26.860 --> 01:27.680 46 | end. 47 | 48 | 01:28.650 --> 01:34.900 49 | Que legal no próximo vídeo, vamos implantar nosso aplicativo front end no Heroku também. 50 | 51 | 01:34.900 --> 01:39.670 52 | Portanto, temos três servidores diferentes em execução para nós. 53 | 54 | 01:39.670 --> 01:44.350 55 | Poderíamos colocá-lo nas páginas do Github, mas isso é algo que já fizemos e estou empolgado depois de 56 | 57 | 01:44.350 --> 01:47.160 58 | fazer esses dois, então vamos colocar isso no Heroku também. 59 | 60 | 01:47.230 --> 01:48.620 61 | Vou ver nessa. 62 | 63 | 01:48.720 --> 01:48.970 64 | Tchau tchau. 65 | -------------------------------------------------------------------------------- /Portuguese/section31/installing-nodejs-for-windowsautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.090 --> 00:05.200 4 | Well come back and stall and good for Windows was real fun wasn't it. 5 | 6 | 00:05.700 --> 00:08.770 7 | Now it's time to install notice on our windows machines. 8 | 9 | 00:08.880 --> 00:18.740 10 | For this week visit their website noti has taught or book and pick Starla for Windows. 11 | 12 | 00:18.750 --> 00:22.400 13 | This takes a while depending on the internet connection which you have. 14 | 15 | 00:22.510 --> 00:24.800 16 | I've already downloaded it. 17 | 18 | 00:25.450 --> 00:30.850 19 | OK then let's start to install it next. 20 | 21 | 00:31.380 --> 00:42.720 22 | And then of course you can read through all the light sensing agreement except these that don't change 23 | 24 | 00:42.720 --> 00:45.200 25 | to install directory and leave it. 26 | 27 | 00:45.250 --> 00:45.440 28 | OK. 29 | 30 | 00:45.440 --> 00:48.000 31 | And this is an important point. 32 | 33 | 00:48.000 --> 00:53.270 34 | Everything should be configured automatically but let's double check it. 35 | 36 | 00:53.610 --> 01:02.280 37 | I will install Also this on the local drive and that the path means that this get reaches that the system 38 | 39 | 01:02.280 --> 01:09.180 40 | in the PATH variable which makes the note and the NPM command and waybill on your command prompt. 41 | 42 | 01:09.690 --> 01:11.910 43 | Then hit next and install 44 | 45 | 01:15.120 --> 01:16.150 46 | this takes a while. 47 | 48 | 01:16.150 --> 01:25.950 49 | Let me fast forward things that you don't have to wait. 50 | 51 | 01:26.240 --> 01:29.020 52 | OK now it's finished. 53 | 54 | 01:29.050 --> 01:31.300 55 | Finish close this. 56 | 57 | 01:31.440 --> 01:36.050 58 | This Let's start to come out and prompt to check if it is. 59 | 60 | 01:36.100 --> 01:40.150 61 | It's stalled probably typing no dish. 62 | 63 | 01:40.150 --> 01:42.630 64 | We hit enter. 65 | 66 | 01:42.670 --> 01:43.440 67 | All right. 68 | 69 | 01:43.450 --> 01:46.330 70 | Rojan eight point twelve point Ciro. 71 | 72 | 01:46.450 --> 01:50.610 73 | And let's check if NPM is also installed on my system. 74 | 75 | 01:51.040 --> 01:55.420 76 | Yes it is where six point four point one. 77 | 78 | 01:55.670 --> 02:02.150 79 | And this is holloing install not years and NPM at the same time because they ship with one installer 80 | 81 | 02:02.480 --> 02:07.040 82 | in the next lecture we will install postscripts Eskew on our windows machines. 83 | 84 | 02:07.360 --> 02:10.520 85 | This one's real fun and really excited about it. 86 | 87 | 02:10.540 --> 02:11.920 88 | I'll see you on the next one. 89 | 90 | 91 | -------------------------------------------------------------------------------- /Portuguese/section31/introduction-from-wolfgangautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.120 --> 00:07.070 4 | Hello and welcome to the section for Windows users you might ask yourself. 5 | 6 | 00:07.560 --> 00:10.280 7 | Wait hold on a sec who is this guy. 8 | 9 | 00:10.380 --> 00:11.600 10 | This is not Andre. 11 | 12 | 00:11.740 --> 00:13.950 13 | Did I pick the wrong course. 14 | 15 | 00:13.980 --> 00:16.860 16 | Don't worry you are on the right course. 17 | 18 | 00:16.860 --> 00:23.570 19 | Let me introduce myself and Wolfgang you might know me already from the Q and A or from this court. 20 | 21 | 00:23.910 --> 00:27.170 22 | I work full stock developer in 2010. 23 | 24 | 00:27.510 --> 00:30.420 25 | Since 2011 I've worked as a paramedic. 26 | 27 | 00:30.420 --> 00:36.320 28 | I also enrolled in this course in February 2000 18 and finished it on April 2018. 29 | 30 | 00:36.720 --> 00:41.030 31 | Andrei gave me back my passion again about full stock development. 32 | 33 | 00:41.520 --> 00:44.100 34 | I made our project work on my computer and helped. 35 | 36 | 00:44.100 --> 00:47.000 37 | Also a few students to make it work for them. 38 | 39 | 00:47.400 --> 00:53.100 40 | Now I got this great opportunity to show you how you can make all the tools that you need throughout 41 | 42 | 00:53.100 --> 00:55.210 43 | this course work on your system. 44 | 45 | 00:55.350 --> 00:56.660 46 | Enough about me. 47 | 48 | 00:56.760 --> 01:01.670 49 | Let us dive into the first lecture where we talk about the installation of good on Windows. 50 | 51 | 01:01.680 --> 01:03.200 52 | I'll see you in the next one. 53 | 54 | 55 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # zero-to-mastery-captions 2 | All captions for The Complete Web Developer in 2020: Zero to Mastery 3 | 4 | Please contribute to these caption files in whatever language you prefer. The more contributions, the better they become for people around the world! Feel free to make improvements and add new languages! 5 | 6 | This whole thing would not be possible without @Quintin who worked months to coordinate and manage the volunteers. Thank you to the below members who have helped out with this project tremendously. Please create a PR if you would like to add your github name to this list: 7 | 8 | Sandip 9 | 10 | Virtual1 11 | 12 | Jiwon 13 | 14 | Ksu 15 | 16 | Talha 17 | 18 | NickP 19 | 20 | Oksana 21 | 22 | Grace Fox 23 | 24 | p.raksahB 25 | 26 | Raymond 27 | 28 | Sojuz 29 | 30 | zeebear 31 | 32 | jessalyn 33 | -------------------------------------------------------------------------------- /Romanian/section02/what-does-a-developer-dogenerated_edit-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.690 --> 00:02.260 4 | Și bine ai venit înapoi. 5 | 6 | 00:02.270 --> 00:06.910 7 | În acest film final vreau să vă arăt ce este acest curs despre ceea ce învățăm în acest curs 8 | 9 | 00:06.910 --> 00:09.670 10 | și ce vom putea să facem la sfârșit. 11 | 12 | 00:09.710 --> 00:16.010 13 | S-ar putea să fi auzit termenul de dezvoltator de frontieră pentru dezvoltatorii full-stack, dezvoltator back-end. Și privind 14 | 15 | 00:16.010 --> 00:17.050 16 | această diagramă 17 | 18 | 00:17.060 --> 00:23.500 19 | începeți să recunoașteți că știți, HTML, CSS Javascript vedeți Reactați acolo, vom ajunge la asta, 20 | 21 | 00:23.500 --> 00:29.360 22 | nu vă faceți griji despre asta, dar asta e ceea ce face un dezvoltator de front-end. Dezvoltatorul front-end este persoana 23 | 24 | 00:29.840 --> 00:37.190 25 | care ne asigură că atunci când deschidem browserul și mergem pe Google.com pe care îl vedem pe Google, îl vedem 26 | 27 | 00:37.310 --> 00:44.270 28 | frumos și destul de frumos, are o bară de căutare, în esență orice lucru pe care un utilizator îl vede, 29 | 30 | 00:44.270 --> 00:51.550 31 | dezvoltatorul front-end nu. Și asta utilizează HTML, CSS, Javascript, React și alte câteva instrumente. 32 | 33 | 00:51.650 --> 00:58.340 34 | Dezvoltatorul back-end, care este o persoană care lucrează cu serverul, se asigură că atunci când vorbește un browser 35 | 36 | 00:58.340 --> 01:06.140 37 | la el, servește acele fișiere și utilizează niște tehnologii cum ar fi Node.js, Express.js, pe care mergem 38 | 39 | 01:06.140 --> 01:11.690 40 | pentru a intra în, și apoi serverul respectiv va vorbi și la o bază de date; din nou nu am discutat cu adevărat 41 | 42 | 01:11.690 --> 01:17.470 43 | că prea mult, dar nu vă faceți griji că va fi o secțiune pe ea și că va folosi PostgreSQL 44 | 45 | 01:17.480 --> 01:20.560 46 | și de fapt vom învăța și asta. 47 | 48 | 01:20.570 --> 01:27.770 49 | Așadar, vrem să vă construim ca un dezvoltator full-stack pentru a putea lucra cu toate aceste tehnologii, așa că 50 | 51 | 01:28.170 --> 01:31.970 52 | tot ce se învârte în jurul unei aplicații web, 53 | 54 | 01:32.000 --> 01:34.160 55 | esti in stare sa construiesti, asa incat sa te excitati. 56 | 57 | 01:34.160 --> 01:35.600 58 | Veți învăța toate astea. 59 | 60 | 01:35.600 --> 01:42.670 61 | Arată copleșitoare, dar credeți-mă, la fel ca și secțiunea "Cum funcționează Internetul", totul va face 62 | 63 | 01:42.670 --> 01:43.420 64 | sens. 65 | 66 | 01:43.810 --> 01:45.510 67 | Așa că o să văd pe următoarea. 68 | 69 | 01:45.680 --> 01:45.880 70 | Pa! Pa. 71 | -------------------------------------------------------------------------------- /Romanian/section04/html-tags-2_edit-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.850 --> 00:07.620 4 | Și bine ai venit înapoi. În videoclipul anterior am vorbit despre câteva dintre etichetele comune pe care le utilizează HTML. 5 | 6 | 00:07.630 --> 00:12.790 7 | Vom extinde aceste cunoștințe și vom învăța mai multe. Deci, voi șterge aceste lucruri și mă duc 8 | 9 | 00:12.790 --> 00:17.360 10 | să te învețe despre ceva numit "Listă ordonată". 11 | 12 | 00:17.410 --> 00:24.110 13 | Deci, o etichetă "ol", și în această etichetă avem listă "li" elemente - 14 | 15 | 00:27.140 --> 00:39.800 16 | "banana" și, un alt element de listă, "măr", și în cele din urmă să facem, "portocaliu". 17 | 18 | 00:39.810 --> 00:48.200 19 | Deci, dacă salvez acest lucru, din nou, mă reîmprospătesc și avem banană, mere, portocaliu. Așa că puteți vedea aici așa sunteți voi 20 | 21 | 00:48.200 --> 00:49.370 22 | face liste. 23 | 24 | 00:49.640 --> 00:53.480 25 | Și aceasta este o listă "comandată", astfel încât să puteți vedea că avem "1, 2, 3". 26 | 27 | 00:53.780 --> 00:59.350 28 | Dacă vrem să o facem fără numere, folosim ceva numit "Listă neordonată", "ul". 29 | 30 | 00:59.390 --> 01:03.420 31 | Și din nou, o salvez și o reîmprospătesc, iar noi le avem. 32 | 33 | 01:03.450 --> 01:06.470 34 | Acum există și sub-câmpuri pe care le puteți utiliza. 35 | 36 | 01:06.470 --> 01:10.750 37 | Deci, din nou, totul se referă la cuibărit, și care au etichete părinte și etichete pentru copii. 38 | 39 | 01:10.880 --> 01:18.080 40 | Deci, să spunem că în interiorul "merelor" pe care am vrut să le avem - permiteți-mi să le construiesc ceva mai puțin curat, 41 | 42 | 01:19.640 --> 01:22.010 43 | acolo mergeți, în "mere". 44 | 45 | 01:22.010 --> 01:30.160 46 | De asemenea, dorim să subliniem faptul că există mărul "fuji" și există "miere clară". 47 | 48 | 01:30.290 --> 01:38.170 49 | Și în timp ce nu mă pot gândi la un al treilea tip de măr, deci o voi șterge. Dacă salvez acest lucru și refresh, 50 | 51 | 01:38.330 --> 01:44.540 52 | bine, avem o listă imbricată. Acolo îl aveți, aveți articolele din listă. Voi vedea în următorul videoclip, unde 53 | 54 | 01:44.540 --> 01:49.760 55 | vom învăța despre punerea imaginilor pe site-ul nostru și despre etichetele cu auto-închidere. 56 | 57 | 01:49.800 --> 01:50.510 58 | Ne vedem în următoarea. 59 | -------------------------------------------------------------------------------- /Romanian/section05/html-challenge_edit-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.090 --> 00:04.580 4 | Pfiu! Puteți crede că ați reușit, până acum? 5 | 6 | 00:04.680 --> 00:12.090 7 | Vreau să spun la începutul acestui lucru, probabil că n-ai avut nicio idee, ce înseamnă asta și te uiți acum la tine, știi tu 8 | 9 | 00:12.090 --> 00:14.680 10 | ceea ce înseamnă fiecare linie. 11 | 12 | 00:15.480 --> 00:16.390 13 | Știi ce. 14 | 15 | 00:16.730 --> 00:19.120 16 | Acest lucru este destul de mult, pentru HTML. 17 | 18 | 00:19.160 --> 00:20.660 19 | Nu e foarte greu. 20 | 21 | 00:20.660 --> 00:26.000 22 | Trebuie doar să vă amintiți câteva etichete și este foarte ușor să testați și să jucați. 23 | 24 | 00:26.000 --> 00:28.460 25 | Deci, numiți-vă un dezvoltator HTML! 26 | 27 | 00:32.040 --> 00:38.430 28 | Am un joc distractiv pentru tine, după cum puteți vedea aici, am creat o pagină web simplă, unde pot 29 | 30 | 00:38.520 --> 00:39.830 31 | link către o altă pagină. 32 | 33 | 00:39.840 --> 00:46.110 34 | Mă pot întoarce, pot chiar să dau clic pe înregistrare și să trimit un formular. 35 | 36 | 00:46.240 --> 00:50.580 37 | Vreau să încercați să vă construiți propriul site web aici. 38 | 39 | 00:50.710 --> 00:57.300 40 | Iar după ce ați terminat, vă voi oferi linkul la adresa de e-mail din descrierea de mai jos. 41 | 42 | 00:57.340 --> 01:05.260 43 | Trimiteți-mi primul site web și vă voi prezenta unele dintre cele preferate, într-un videoclip viitoare. 44 | 45 | 01:05.350 --> 01:06.570 46 | Ne vedem în următorul. 47 | 48 | 01:06.770 --> 01:07.050 49 | Pa! Pa 50 | -------------------------------------------------------------------------------- /Romanian/section07/exercise-robot-animation_edit-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.750 --> 00:06.740 4 | Buna! Acesta este noul tău robot și am o mică provocare pentru tine. 5 | 6 | 00:06.810 --> 00:10.230 7 | Am creat acest robot, de fapt destul de cool. 8 | 9 | 00:10.230 --> 00:18.310 10 | Deci, când vă mutați, capul crește și poate dansa:00:18.310 --> 00:23.720 11 | Acum iată provocarea:Am creat majoritatea acestui robot. 12 | 13 | 00:23.730 --> 00:27.360 14 | Dar mai întâi trebuie să o asamblați, așa că arată așa. 15 | 16 | 00:27.820 --> 00:35.030 17 | Și în secțiunea următoare am lăsat câteva fișiere pentru tine:un fișier index și fișierul CSS. 18 | 19 | 00:35.140 --> 00:42.430 20 | Singura problemă este că aceste părți sunt peste tot pe pagină și am nevoie să le adunați, astfel încât voi 21 | 22 | 00:42.430 --> 00:44.190 23 | poate avea și un prieten robot. 24 | 25 | 00:44.230 --> 00:51.100 26 | În următoarea secțiune după exercițiu, voi avea soluția pe care o puteți folosi, dar încercați 27 | 28 | 00:51.670 --> 00:54.660 29 | și sperăm că veți avea și un nou prieten robot. 30 | -------------------------------------------------------------------------------- /Romanian/section07/responsive-ui_edit-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.390 --> 00:06.540 4 | Bine ai revenit! Ori de câte ori aveți o cerere de la un angajator pentru a construi un site web sau o aplicație web, una dintre ele 5 | 6 | 00:06.540 --> 00:15.170 7 | primele lucruri pe care le vor cere este să vă asigurați că site-ul dvs. este receptiv. Deci, ce este UI receptiv? 8 | 9 | 00:15.270 --> 00:20.760 10 | Ei bine, vă pot arăta deschizând instrumentele pentru dezvoltatori, pe care ar trebui să le cunoaștem până acum și veți vedea 11 | 12 | 00:20.760 --> 00:24.630 13 | aici că există o mică pictogramă de telefon. 14 | 15 | 00:25.020 --> 00:32.350 16 | Dacă faceți clic pe acest lucru, vă va arăta de ce site-ul dvs. Web va arăta, de exemplu, un iPhone. 17 | 18 | 00:32.440 --> 00:33.740 19 | Să facem asta puțin mai mare. 20 | 21 | 00:33.760 --> 00:38.160 22 | Deci, să facem 100% din dimensiune. Perfect. 23 | 24 | 00:38.170 --> 00:42.840 25 | Veți vedea că site-ul dvs. pe un iPhone arată astfel. 26 | 27 | 00:43.150 --> 00:50.050 28 | Și dacă facem un iPad. Pare a fi așa și dacă se rotește, arată bine. 29 | 30 | 00:50.170 --> 00:58.840 31 | Deci, reactiv înseamnă că site-ul dvs. web, indiferent de ce, fie că este pe ecranul mare sau ceva de genul 32 | 33 | 00:58.840 --> 01:00.650 34 | un iPad. 35 | 36 | 01:00.750 --> 01:01.680 37 | Este receptiv. 38 | 39 | 01:01.680 --> 01:03.810 40 | Asta înseamnă că nu există întreruperi. 41 | 42 | 01:03.810 --> 01:08.540 43 | Totul arată bine indiferent de dimensiunea ecranului. 44 | 45 | 01:08.550 --> 01:15.480 46 | Deci, dacă ne întoarcem la site-ul nostru web și închidem filele dezvoltatorului, pot juca de fapt cu asta - deschis 47 | 48 | 01:15.510 --> 01:17.820 49 | și închideți-vă și vedeți că este receptiv. 50 | 51 | 01:17.820 --> 01:20.840 52 | Site-ul web arată bine, indiferent de mărime. 53 | 54 | 01:20.850 --> 01:27.810 55 | Și utilizatorii se pot bucura de experiență și nu pot fi dezactivați, pentru că dacă accesează 56 | 57 | 01:28.140 --> 01:32.400 58 | iPad-ul lor, la domiciliu, pe canapeaua lor, încă arată bine. 59 | 60 | 01:32.430 --> 01:38.360 61 | Așadar, țineți cont de asta:interfața inteligentă trebuie să fie o prioritate atunci când construiți site-uri web. 62 | 63 | 01:38.520 --> 01:40.110 64 | Ne vedem în următorul. Pa! Pa 65 | -------------------------------------------------------------------------------- /Romanian/section08/exercise-startup-landing-page_edit-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.330 --> 00:07.780 4 | O treabă excelentă de a ajunge atât de departe în curs. Ar trebui să fii mândru de tine. Folosind acum tot ce avem 5 | 6 | 00:07.780 --> 00:14.170 7 | învățat până acum, care este o mulțime, vom construi prima noastră pagină de destinație de pornire. 8 | 9 | 00:14.200 --> 00:25.590 10 | Vreau să construiești ceva de genul ăsta. Ceva care răspunde la o imagine de fundal, la un text 11 | 12 | 00:25.590 --> 00:26.860 13 | și un mic buton frumos. 14 | 15 | 00:27.140 --> 00:33.800 16 | Iar următoarea lecție vă puteți grabi aceste fișiere de pe acest site și pur și simplu utilizați acest lucru ca un demo sau 17 | 18 | 00:33.800 --> 00:37.460 19 | a ta și vă voi arăta cum să faceți asta. 20 | 21 | 00:38.390 --> 00:39.250 22 | Asta e corect. 23 | 24 | 00:39.320 --> 00:44.720 25 | Vom crea un formular de înscriere. Deci, data viitoare când aveți ideea de pornire mare puteți bici 26 | 27 | 00:44.720 --> 00:48.570 28 | un site intr-adevar foarte rapid si incepeti sa colectati cateva e-mail-uri. 29 | 30 | 00:49.530 --> 00:51.480 31 | Ne vedem în următorul. Pa! Pa 32 | -------------------------------------------------------------------------------- /Romanian/section10/introduction-to-javascript_edit-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.360 --> 00:01.390 4 | Bine ai revenit. 5 | 6 | 00:01.680 --> 00:05.570 7 | Suntem pe punctul de a face cel mai mare pas în cariera dezvoltatorilor noastre acum. 8 | 9 | 00:06.150 --> 00:08.200 10 | Acesta este de departe un lucru preferat pentru a învăța. 11 | 12 | 00:08.370 --> 00:10.100 13 | Și nu pot să aștept să încep. 14 | 15 | 00:10.200 --> 00:17.850 16 | Dar înainte de a face eu vreau să știi un lucru:Când am început să învăț JavaScript este cel mai greu 17 | 18 | 00:17.850 --> 00:18.850 19 | lucru pentru a obține. 20 | 21 | 00:19.290 --> 00:25.650 22 | Îmi amintesc că mă simt confuz și frustrat de-a lungul drumului și că sunt sincer dacă este pentru prima oară 23 | 24 | 00:25.650 --> 00:29.460 25 | învățând un limbaj de programare, veți avea acele momente. 26 | 27 | 00:29.490 --> 00:35.850 28 | Sunt aici să vă spun să rămâneți prin el. La fel ca și învățarea oricărei limbi; cu suficient timp în practică, 29 | 30 | 00:36.000 --> 00:38.720 31 | puteți deveni fluent. 32 | 33 | 00:38.730 --> 00:44.610 34 | Acum, spre deosebire de limba umană, nu trebuie să vă amintiți cât de multe cuvinte și structuri de propoziții. Deci tu 35 | 36 | 00:44.610 --> 00:47.030 37 | va ajunge acolo, îți promit asta. 38 | 39 | 00:47.070 --> 00:53.420 40 | Acum, nu doar vizionați videoclipurile din această secțiune și navigați prin conținut. Într-adevăr lucrează la exerciții 41 | 42 | 00:53.520 --> 00:58.840 43 | Vă dau la sfârșitul videoclipurilor și asigurați-vă că înțelegeți fiecare subiect. 44 | 45 | 00:58.970 --> 01:03.460 46 | În cele din urmă, această secțiune vă va învăța noțiunile de bază ale JavaScript. 47 | 48 | 01:03.470 --> 01:10.970 49 | Totul pare foarte ciudat și detașat, uneori, de la HTML pe CSS - de fapt, nu vom fi atingeți 50 | 51 | 01:10.970 --> 01:13.220 52 | HTML și CSS foarte mult. 53 | 54 | 01:13.220 --> 01:20.000 55 | Cu toate acestea, în următoarea secțiune vă voi arăta cum pot fi acum conectate noile noastre cunoștințe despre JavaScript 56 | 57 | 01:20.390 --> 01:23.850 58 | la site-urile noastre HTML și CSS. 59 | 60 | 01:23.860 --> 01:26.180 61 | Acesta este momentul în care se întâmplă magia reală. 62 | 63 | 01:26.290 --> 01:29.110 64 | Stați așa de tare, stați hotărât. 65 | 66 | 01:29.320 --> 01:31.870 67 | Vei ajunge acolo la timp. 68 | 69 | 01:32.000 --> 01:35.240 70 | Să începem, nu? Ne vedem în următoarea. Pa! Pa 71 | -------------------------------------------------------------------------------- /Romanian/section22/what-we-are-building_edit-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.100 --> 00:04.090 4 | Aceasta este cea mai interesantă parte a cursului. 5 | 6 | 00:04.250 --> 00:08.670 7 | Și sunt cu adevărat încântată să lucrez la acest proiect cu tine. 8 | 9 | 00:08.690 --> 00:14.810 10 | Vom crea o aplicație finală, ceva pe care îl putem pune în portofolii și ne impresionăm 11 | 12 | 00:14.810 --> 00:18.000 13 | viitori angajatori. 14 | 15 | 00:18.080 --> 00:21.410 16 | Vom folosi tot ce am învățat până acum. 17 | 18 | 00:21.680 --> 00:27.650 19 | Și apoi, mai târziu, pentru a crea o aplicație completă care are un capăt frontal folosind reacția. 20 | 21 | 00:27.650 --> 00:30.340 22 | Utilizează un API pentru recunoașterea imaginilor. 23 | 24 | 00:30.680 --> 00:34.530 25 | Are propriul server, folosind nodul și expresul. 26 | 27 | 00:34.610 --> 00:36.910 28 | Și apoi, în final, și baza de date. 29 | 30 | 00:36.980 --> 00:46.780 31 | Vom crea ceva în care să te poți conecta. 32 | 33 | 00:46.870 --> 00:52.670 34 | Vom avea un site web pe deplin receptiv, după cum puteți vedea că arată destul de frumos. 35 | 36 | 00:53.560 --> 01:00.010 37 | Dar partea răcească este, în afară de toate aceste animații fanteziste și abilitatea de a ieși, pe care o avem, când 38 | 39 | 01:00.010 --> 01:11.450 40 | introduceți o imagine și apăsați detectați, vor detecta de fapt fețe și apoi imagini, 41 | 42 | 01:11.450 --> 01:11.910 43 | și puneți o cutie în jurul lui. 44 | 45 | 01:12.230 --> 01:13.730 46 | Să încercăm un altul. 47 | 48 | 01:13.730 --> 01:26.750 49 | Dacă selectez această față, tot ce avem nevoie este o adresă URL a unei imagini și uită-te la asta, detectează fața pentru noi. 50 | 51 | 01:26.760 --> 01:29.890 52 | Deci, da, vei construi asta. Te voi ajuta. 53 | 54 | 01:29.970 --> 01:37.530 55 | Și până la sfârșitul acestui lucru, vom avea un proiect complet finalizat. Și nu vă faceți griji pentru cei care iubesc 56 | 57 | 01:37.620 --> 01:41.190 58 | uitam, voi furniza fișierele de proiect pentru tine, 59 | 60 | 01:41.190 --> 01:43.710 61 | la sfârșitul acestui curs. 62 | 63 | 01:43.900 --> 01:45.050 64 | Ești bucuros? 65 | 66 | 01:45.440 --> 01:46.500 67 | Să începem. 68 | -------------------------------------------------------------------------------- /Romanian/section25/sql-delete-from-drop-table_edit-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.510 --> 00:01.790 4 | Bine ai revenit. 5 | 6 | 00:02.510 --> 00:05.290 7 | Acum avem mesele noastre aici. 8 | 9 | 00:05.420 --> 00:16.960 10 | Dar dacă am vrea să ștergem ceva. Să spunem că Sally decide să încerce din nou asta. 11 | 12 | 00:18.770 --> 00:25.640 13 | Să presupunem că Sally nu vrea să mai facă parte din această aplicație și că o va elimina pe utilizatorul ei. Bine 14 | 15 | 00:25.850 --> 00:27.090 16 | ea poate trimite o cerere. 17 | 18 | 00:27.110 --> 00:37.100 19 | Iar în partea din spate putem să ștergem pur și simplu utilizatorii de nume de tabel și apoi să spunem ce utilizator. Ei bine, noi 20 | 21 | 00:37.150 --> 00:46.790 22 | utilizați cuvântul cheie WHERE și aici spuneți că numele este egal cu "Sally", apăsați enter. 23 | 24 | 00:46.890 --> 00:55.690 25 | Și cu ștergere, avem de fapt să facem ștergeți FROM astfel ștergeți de la utilizatori WHERE numele este egal cu Sally. 26 | 27 | 00:56.370 --> 00:57.620 28 | Și avem o ștergere. 29 | 30 | 00:57.810 --> 01:05.420 31 | Dacă fac o selecție a stelelor de la utilizatori acolo, 32 | 33 | 01:05.420 --> 01:10.120 34 | Sally a dispărut. Bine, cred că am terminat cu acest exemplu. 35 | 36 | 01:10.280 --> 01:12.130 37 | Să ștergem aceste tabele. 38 | 39 | 01:12.140 --> 01:22.570 40 | Cum putem face asta? Putem doar masura DROP si sa spunem login, login-ul a fost eliminat si apoi tabelul DROP 41 | 42 | 01:25.190 --> 01:28.660 43 | utilizatori. Dacă eu 44 | 45 | 01:28.770 --> 01:31.410 46 | uita-te la ce mese avem, 47 | 48 | 01:31.860 --> 01:36.330 49 | nu avem relații, nu avem mese. 50 | 51 | 01:36.350 --> 01:37.400 52 | In regula. 53 | 54 | 01:37.730 --> 01:39.450 55 | Bună treabă să ajungi atât de departe. 56 | 57 | 01:39.470 --> 01:40.450 58 | Ne vedem în următoarea înregistrare, de pa. 59 | -------------------------------------------------------------------------------- /Romanian/section25/sql-functions_edit-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.180 --> 00:02.450 4 | Bine ai revenit. 5 | 6 | 00:02.630 --> 00:08.870 7 | Acum, SQL poate avea și funcții și vă voi arăta trei dintre cele mai populare, cele mai comune 8 | 9 | 00:08.870 --> 00:14.760 10 | în acest videoclip. Doar pentru a verifica ce avem în tabelul nostru, avem și utilizatori. 11 | 12 | 00:14.910 --> 00:27.380 13 | Și dacă fac utilizatori de stele SELECT, oop. Am uitat să folosesc FROM, avem utilizatorii noștri. Acum, să spunem că am vrut să ajungem 14 | 15 | 00:27.470 --> 00:30.010 16 | scorul mediu al utilizatorilor. 17 | 18 | 00:30.380 --> 00:41.300 19 | Putem face acest lucru spunând SELECT mediu și dați numele coloanei în interiorul mediei, să spunem scorul FROM 20 | 21 | 00:42.340 --> 00:44.210 22 | utilizatorilor. 23 | 24 | 00:44.470 --> 00:49.220 25 | Deci, puteți vedea că funcția noastră la fel ca în Javascript are numele funcției 26 | 27 | 00:49.220 --> 00:58.130 28 | și apoi parantezele din jurul coloanei pe care le dorim. Permiteți apăsare pe Enter și uitați-vă la media respectivă 29 | 30 | 00:58.130 --> 01:00.100 31 | 84.5. 32 | 33 | 01:00.130 --> 01:01.450 34 | Foarte tare. 35 | 36 | 01:01.450 --> 01:02.900 37 | Ce alte funcții avem. 38 | 39 | 01:03.100 --> 01:12.790 40 | Să presupunem că vrem să obținem suma vârstei tuturor. 41 | 42 | 01:12.990 --> 01:19.520 43 | Pot invoca funcția SUM și aflu că avem o sumă acumulată de 132. 44 | 45 | 01:19.800 --> 01:26.400 46 | Și apoi, în sfârșit, există și COUNT un altul util. 47 | 48 | 01:26.630 --> 01:34.740 49 | Și dacă vrem să aflăm cât de mulți utilizatori avem în baza noastră de date putem spune doar COUNT nume și avem 50 | 51 | 01:35.070 --> 01:38.200 52 | patru utilizatori activi cu jocul nostru. 53 | 54 | 01:38.220 --> 01:41.040 55 | Bine, trebuie să lucrăm la asta pentru a mări numărul. 56 | 57 | 01:41.100 --> 01:41.880 58 | Perfect. 59 | 60 | 01:41.880 --> 01:49.080 61 | Există câteva funcții suplimentare pe care le puteți utiliza, dar acestea sunt probabil cele mai comune. Puteți deja 62 | 63 | 01:49.080 --> 01:49.620 64 | imagina 65 | 66 | 01:49.650 --> 01:55.690 67 | o parte din puterea care vine cu aceste valori. O să văd în următoarea, la revedere. 68 | -------------------------------------------------------------------------------- /Romanian/section27/deploying-to-heroku-part-3autogenerated-ro.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.790 --> 00:02.510 4 | Bine ai revenit. 5 | 6 | 00:02.510 --> 00:03.280 7 | In regula. 8 | 9 | 00:03.410 --> 00:13.280 10 | Deci, motivul pentru care obiectivul imaginii nu funcționa era din cauza unei erori prostești prostești. Am plecat din port 11 | 12 | 00:13.370 --> 00:15.870 13 | aici, care nu ar trebui să fie aici. 14 | 15 | 00:15.890 --> 00:23.000 16 | După cum puteți vedea aplicația noastră Heroku găzduită acolo și nu avem nevoie de port. 17 | 18 | 00:23.120 --> 00:36.360 19 | Deci, dacă l-am salvat, să creați un utilizator nou. Vom înregistra Teddy de data asta și Teddy la G-mail dot 20 | 21 | 00:36.350 --> 00:43.790 22 | com are o parolă de 1 2 3 ne vom înregistra și să luăm o altă față 23 | 24 | 00:48.030 --> 00:49.440 25 | apuca această față de data asta 26 | 27 | 00:53.810 --> 00:55.820 28 | o vom lipi aici. 29 | 30 | 00:55.820 --> 00:59.110 31 | Detecteaza-te si uita-te la asta. 32 | 33 | 00:59.110 --> 01:03.450 34 | Acum se actualizează și totul funcționează conform destinației. 35 | 36 | 01:06.040 --> 01:13.700 37 | Dacă ne întoarcem la serverul nostru, vedem că punctul final al imaginii este lovit și că totul funcționează. 38 | 39 | 01:13.810 --> 01:17.670 40 | Uimitor Cât de răcoros este asta. 41 | 42 | 01:17.680 --> 01:26.860 43 | Tocmai am implementat un server și o bază de date și amândoi comunică împreună cu partea frontală 44 | 45 | 01:26.860 --> 01:27.680 46 | de asemenea. 47 | 48 | 01:28.650 --> 01:34.900 49 | Atât de cool în următoarea înregistrare video pe care o vom implementa și pe Heroku. 50 | 51 | 01:34.900 --> 01:39.670 52 | Deci avem trei servere diferite care rulează pentru noi. 53 | 54 | 01:39.670 --> 01:44.350 55 | Am putea să o punem pe paginile Github, dar asta e ceva ce am făcut deja și sunt emoționat după 56 | 57 | 01:44.350 --> 01:47.160 58 | a face aceste două, așa că să punem și asta pe Heroku. 59 | 60 | 01:47.230 --> 01:48.620 61 | O să văd pe asta. 62 | 63 | 01:48.720 --> 01:48.970 64 | Pa! Pa. 65 | -------------------------------------------------------------------------------- /Spanish/section02/es_eswhat-does-a-developer-dogenerated_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.690 --> 00:02.260 4 | Y bienvenido de nuevo. 5 | 6 | 00:02.270 --> 00:06.910 7 | En este video final, quiero mostrarles de qué se trata este curso sobre lo que estamos aprendiendo 8 | 9 | 00:06.910 --> 00:09.670 10 | en este curso y lo que podremos hacer al final. 11 | 12 | 00:09.710 --> 00:16.010 13 | Es posible que haya escuchado el término desarrollador full-stack desarrollador front-end, desarrollador back-end. Y al mirar este diagrama, comienzas a reconocer 14 | 15 | 00:16.010 --> 00:17.050 16 | que sabes, 17 | 18 | 00:17.060 --> 00:23.500 19 | HTML, CSS Javascript que ves Reaccionar allí, llegaremos a eso, no te preocupes por eso, pero eso 20 | 21 | 00:23.500 --> 00:29.360 22 | es lo que hace un desarrollador front-end. El desarrollador front-end es la persona que se 23 | 24 | 00:29.840 --> 00:37.190 25 | asegura de eso, cuando abrimos el navegador y vamos a Google. com que vemos Google, lo vemos bonito y 26 | 27 | 00:37.310 --> 00:44.270 28 | muy bien diseñado, tiene una barra de búsqueda, esencialmente todo lo que ve un 29 | 30 | 00:44.270 --> 00:51.550 31 | usuario, el desarrollador front-end lo hace. Y eso es usar HTML, CSS, Javascript, React y algunas otras herramientas. 32 | 33 | 00:51.650 --> 00:58.340 34 | El desarrollador de back-end, que es una persona que trabaja con el servidor, se asegura de que cuando un navegador le habla, sirva 35 | 36 | 00:58.340 --> 01:06.140 37 | esos archivos y use alguna tecnología como Node. js, Express. js, en el que vamos a 38 | 39 | 01:06.140 --> 01:11.690 40 | entrar, y luego ese servidor también se comunicará con una base de datos; Una vez 41 | 42 | 01:11.690 --> 01:17.470 43 | más, no hemos discutido demasiado sobre eso, pero no se preocupe, habrá una sección sobre eso 44 | 45 | 01:17.480 --> 01:20.560 46 | y usará PostgreSQL y, de hecho, aprenderemos eso también. 47 | 48 | 01:20.570 --> 01:27.770 49 | Por lo tanto, queremos desarrollarlo como un desarrollador de pila completa para poder trabajar con todas estas tecnologías, de modo que 50 | 51 | 01:28.170 --> 01:31.970 52 | todo lo que gira en torno a una aplicación web, usted 53 | 54 | 01:32.000 --> 01:34.160 55 | pueda construir, así que entusiasme. 56 | 57 | 01:34.160 --> 01:35.600 58 | Vas a aprender todo esto. 59 | 60 | 01:35.600 --> 01:42.670 61 | Parece abrumador, pero confía en mí, así como en la sección Cómo funciona Internet todo tendrá 62 | 63 | 01:42.670 --> 01:43.420 64 | sentido. 65 | 66 | 01:43.810 --> 01:45.510 67 | Entonces veré el siguiente. 68 | 69 | 01:45.680 --> 01:45.880 70 | Adiós. 71 | -------------------------------------------------------------------------------- /Spanish/section04/es_eshtml-tags-2_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.850 --> 00:07.620 4 | Y bienvenido de nuevo. En el video anterior hablamos sobre algunas de las etiquetas comunes que usa HTML. 5 | 6 | 00:07.630 --> 00:12.790 7 | Vamos a ampliar ese conocimiento y aprender algunos más. Por lo tanto, voy a eliminarlos 8 | 9 | 00:12.790 --> 00:17.360 10 | y les voy a enseñar sobre algo llamado 'Lista de pedidos'. 11 | 12 | 00:17.410 --> 00:24.110 13 | Entonces, una etiqueta 'ol', y dentro de esta etiqueta 14 | 15 | 00:27.140 --> 00:39.800 16 | tenemos elementos de la lista 'li': 'banana' y, otro elemento de la lista, 'apple', y finalmente hagamos, 'orange'. 17 | 18 | 00:39.810 --> 00:48.200 19 | Entonces, si guardo esto, nuevamente, refresco y tenemos plátano, manzana, naranja. Así que puedes ver aquí, así es como 20 | 21 | 00:48.200 --> 00:49.370 22 | haces listas. 23 | 24 | 00:49.640 --> 00:53.480 25 | Y esta es una 'Lista ordenada' para que pueda ver que tenemos '1, 2, 3'. 26 | 27 | 00:53.780 --> 00:59.350 28 | Si queremos hacerlo sin los números, usamos algo llamado 'Lista desordenada', 'ul'. 29 | 30 | 00:59.390 --> 01:03.420 31 | Y de nuevo guardo eso, y actualizo, y tenemos estos. 32 | 33 | 01:03.450 --> 01:06.470 34 | Ahora también hay subcampos que puedes usar. 35 | 36 | 01:06.470 --> 01:10.750 37 | De nuevo, esto se trata de anidar, tener etiquetas principales y etiquetas secundarias. 38 | 39 | 01:10.880 --> 01:18.080 40 | Entonces, digamos dentro de las 'manzanas' que queríamos: déjenme estructurar que esté un poco más limpia, ahí lo 41 | 42 | 01:19.640 --> 01:22.010 43 | tienen, dentro de las 'manzanas'. 44 | 45 | 01:22.010 --> 01:30.160 46 | También queremos enfatizar que existe la manzana 'fuji' y hay 'miel crujiente'. 47 | 48 | 01:30.290 --> 01:38.170 49 | Y aunque no puedo pensar en un tercer tipo de manzana, voy a eliminar eso. Si guardo esto y actualizo, bueno, tenemos 50 | 51 | 01:38.330 --> 01:44.540 52 | una lista anidada. Ahí lo tienes tienes tus artículos de la lista. Veré en el siguiente video, 53 | 54 | 01:44.540 --> 01:49.760 55 | donde aprenderemos sobre cómo poner imágenes en nuestro sitio web y etiquetas de cierre automático. 56 | 57 | 01:49.800 --> 01:50.510 58 | Nos vemos en el próximo. 59 | -------------------------------------------------------------------------------- /Spanish/section04/es_esqa-indexhtml_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.410 --> 00:06.350 4 | Y bienvenidos a la sección de preguntas y respuestas de los estudiantes, ya que los estudiantes 5 | 6 | 00:06.360 --> 00:10.770 7 | toman este curso, generalmente recibo muchas preguntas. Algunos de ellos son realmente muy buenos, algunos de ellos los obtengo a menudo. 8 | 9 | 00:10.980 --> 00:18.180 10 | Y vamos a utilizar estas secciones de preguntas y respuestas para que yo haga un video de respuesta para responder algunas de esas 11 | 12 | 00:18.180 --> 00:19.160 13 | preguntas realmente buenas. 14 | 15 | 00:19.200 --> 00:25.570 16 | Y lo primero que vamos a abordar para este video es 'index'. html '. 17 | 18 | 00:26.040 --> 00:34.800 19 | Si volvemos a nuestro ejemplo que teníamos, notará que siempre he usado 'index. html 'como la primera página. 20 | 21 | 00:34.830 --> 00:38.050 22 | Y luego creamos 'nueva página. html '. 23 | 24 | 00:38.070 --> 00:41.940 25 | Ahora puede que se pregunte por qué 'indexar. html '. 26 | 27 | 00:41.940 --> 00:48.890 28 | ¿Por qué no en casa? html 'o' manzanas. html '? Y en realidad podrías hacer eso. 29 | 30 | 00:48.900 --> 00:54.090 31 | Pero puedo explicar esto realmente bien mirando este diagrama. 32 | 33 | 00:54.090 --> 00:58.710 34 | La mayoría de las veces hay más de unos pocos archivos html. 35 | 36 | 00:58.740 --> 01:04.420 37 | Viste que con nuestro ejemplo teníamos nuestro 'índice. html 'y también' newpage. html '. 38 | 39 | 01:04.440 --> 01:11.340 40 | Pero cuando hacemos esa solicitud, digamos google. com, ¿cómo sabe el servidor qué html (archivo) devolver 41 | 42 | 01:11.340 --> 01:13.730 43 | primero para la página de inicio? 44 | 45 | 01:13.920 --> 01:19.300 46 | Y podría entrar al servidor y configurarlo y decirle que sabe lo que quiero. html 'para ser la 47 | 48 | 01:19.350 --> 01:28.920 49 | primera página. Pero, por defecto, la mayoría de los servidores solo dicen: "Devolveré el índice". html'- si veo 'index. html 'en los servidores, solo 50 | 51 | 01:28.920 --> 01:31.550 52 | devolveré eso. "Así que esto 53 | 54 | 01:31.560 --> 01:36.720 55 | es solo una práctica común que verá en muchos de los proyectos que muchos 56 | 57 | 01:36.720 --> 01:37.620 58 | de los 59 | 60 | 01:37.620 --> 01:43.710 61 | sitios web con los que trabajará es ese índice". html 'es, por lo general, puede considerarse como la página de 62 | 63 | 01:44.040 --> 01:46.580 64 | inicio, el primer archivo HTML que devuelve el servidor. 65 | 66 | 01:47.100 --> 01:54.000 67 | Y si alguien en el 'índice. html 'hace clic en ese enlace, luego devolverá el enlace que devuelvan. 68 | 69 | 01:54.000 --> 01:59.080 70 | Entonces habrá, digamos que hacen clic en la etiqueta de anclaje "Acerca de", y luego se acercarán. html '. 71 | 72 | 01:59.220 --> 02:00.090 73 | Eso es todo. 74 | 75 | 02:00.180 --> 02:03.550 76 | Esa es su respuesta a su pregunta. 77 | 78 | 02:03.600 --> 02:05.100 79 | Ya veré en la próxima. Adiós 80 | -------------------------------------------------------------------------------- /Spanish/section05/es_eshtml-challenge_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.090 --> 00:04.580 4 | ¡Uf! ¿Puedes creer que has llegado hasta aquí? 5 | 6 | 00:04.680 --> 00:12.090 7 | Es decir, al comienzo de esto, probablemente no tenías idea de lo que significa todo esto y ahora mírate, 8 | 9 | 00:12.090 --> 00:14.680 10 | sabes lo que significa cada línea. 11 | 12 | 00:15.480 --> 00:16.390 13 | Sabes que. 14 | 15 | 00:16.730 --> 00:19.120 16 | Esto es más o menos, para HTML. 17 | 18 | 00:19.160 --> 00:20.660 19 | No es muy dificil. 20 | 21 | 00:20.660 --> 00:26.000 22 | Solo tienes que recordar algunas etiquetas y es muy fácil probar y jugar. 23 | 24 | 00:26.000 --> 00:28.460 25 | ¡Llámese desarrollador HTML! 26 | 27 | 00:32.040 --> 00:38.430 28 | Tengo un pequeño juego divertido para ti, como puedes ver aquí, hemos creado una página web simple, donde puedo vincular 29 | 30 | 00:38.520 --> 00:39.830 31 | a otra página. 32 | 33 | 00:39.840 --> 00:46.110 34 | Puedo regresar, incluso puedo hacer clic en registrarse y enviar un formulario. 35 | 36 | 00:46.240 --> 00:50.580 37 | Quiero que intentes construir tu propio sitio web aquí. 38 | 39 | 00:50.710 --> 00:57.300 40 | Y una vez que haya terminado, le proporcionaré el enlace a mi correo electrónico en la descripción a continuación. 41 | 42 | 00:57.340 --> 01:05.260 43 | Envíame tu primer sitio web y mostraré algunos de mis favoritos, en un próximo video. 44 | 45 | 01:05.350 --> 01:06.570 46 | Nos vemos en la próxima. 47 | 48 | 01:06.770 --> 01:07.050 49 | Adiós 50 | -------------------------------------------------------------------------------- /Spanish/section07/es_esexercise-robot-animation_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.750 --> 00:06.740 4 | ¡Hola! Este es tu nuevo amigo robot y tengo un pequeño desafío divertido para ti. 5 | 6 | 00:06.810 --> 00:10.230 7 | He creado este robot que es realmente genial. 8 | 9 | 00:10.230 --> 00:18.310 10 | Entonces, al pasar el rato, su cabeza crece y también puede bailar: ahora este es 11 | 12 | 00:18.310 --> 00:23.720 13 | el desafío: he creado la mayoría de este robot. 14 | 15 | 00:23.730 --> 00:27.360 16 | Pero primero necesita ensamblarlo, para que se vea así. 17 | 18 | 00:27.820 --> 00:35.030 19 | Y en la siguiente sección, te he dejado algunos archivos: un archivo de índice y el archivo CSS. 20 | 21 | 00:35.140 --> 00:42.430 22 | El único problema es que estas partes están en toda la página y necesito que las ensambles, para que también puedas 23 | 24 | 00:42.430 --> 00:44.190 25 | tener un amigo robot. 26 | 27 | 00:44.230 --> 00:51.100 28 | En la siguiente sección después del ejercicio, tendré la solución, que puedes usar, pero pruébalo y espero 29 | 30 | 00:51.670 --> 00:54.660 31 | que también tengas un nuevo amigo robot. 32 | -------------------------------------------------------------------------------- /Spanish/section07/es_esresponsive-ui_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.390 --> 00:06.540 4 | ¡Dar una buena acogida! Siempre que tenga una solicitud de un empleador para crear un sitio web 5 | 6 | 00:06.540 --> 00:15.170 7 | o una aplicación web, una de las primeras cosas que solicitará es asegurarse de que su sitio web responda. Entonces, ¿qué es la interfaz de usuario receptiva? 8 | 9 | 00:15.270 --> 00:20.760 10 | Bueno, puedo mostrarte abriendo las herramientas para desarrolladores, que ya deberíamos saber y 11 | 12 | 00:20.760 --> 00:24.630 13 | verás aquí que hay un pequeño ícono de teléfono. 14 | 15 | 00:25.020 --> 00:32.350 16 | Si hacemos clic en esto, le mostrará por qué su sitio web se verá como, por ejemplo, un iPhone. 17 | 18 | 00:32.440 --> 00:33.740 19 | Hagamos esto un poco más grande. 20 | 21 | 00:33.760 --> 00:38.160 22 | Entonces, hagamos el 100% del tamaño. Perfecto. 23 | 24 | 00:38.170 --> 00:42.840 25 | Verás que tu sitio web en un iPhone se ve así. 26 | 27 | 00:43.150 --> 00:50.050 28 | Y si hacemos un iPad. Bueno, se ve así y si gira, se ve bien. 29 | 30 | 00:50.170 --> 00:58.840 31 | Tan receptivo significa que su sitio web, pase lo que pase, ya sea en la pantalla grande o algo así 32 | 33 | 00:58.840 --> 01:00.650 34 | como un iPad. 35 | 36 | 01:00.750 --> 01:01.680 37 | Es receptivo 38 | 39 | 01:01.680 --> 01:03.810 40 | Eso significa que no hay límites. 41 | 42 | 01:03.810 --> 01:08.540 43 | Todo se ve bien sin importar el tamaño de la pantalla. 44 | 45 | 01:08.550 --> 01:15.480 46 | Entonces, si volvemos a nuestro sitio web y cerramos las pestañas del desarrollador, realmente puedo jugar con esto: abrir 47 | 48 | 01:15.510 --> 01:17.820 49 | y cerrar y ver que responde. 50 | 51 | 01:17.820 --> 01:20.840 52 | El sitio web se ve bien, sin importar el tamaño. 53 | 54 | 01:20.850 --> 01:27.810 55 | Y los usuarios pueden disfrutar de la experiencia y no ser apagados, ya que si están accediendo a ella a través 56 | 57 | 01:28.140 --> 01:32.400 58 | de su iPad, en casa, en su sofá, todavía se ve bien. 59 | 60 | 01:32.430 --> 01:38.360 61 | Así que tenlo en cuenta: la interfaz de usuario receptiva debería ser una prioridad al crear sitios web. 62 | 63 | 01:38.520 --> 01:40.110 64 | Nos vemos en la próxima. Adiós 65 | -------------------------------------------------------------------------------- /Spanish/section08/es_esexercise-startup-landing-pageautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.540 --> 00:02.190 4 | Santo moly. 5 | 6 | 00:02.190 --> 00:04.230 7 | Buen trabajo llegando tan lejos en el curso. 8 | 9 | 00:04.230 --> 00:09.960 10 | Realmente deberías estar orgulloso de ti mismo porque hemos aprendido mucho y ahora vamos a 11 | 12 | 00:09.960 --> 00:11.570 13 | construir algo realmente emocionante. 14 | 15 | 00:11.610 --> 00:14.240 16 | Vamos a construir una página de inicio. 17 | 18 | 00:14.580 --> 00:16.170 19 | Una página de aterrizaje como esta. 20 | 21 | 00:16.170 --> 00:24.120 22 | Eso responde bien pero lo más importante es que tiene texto. 23 | 24 | 00:24.120 --> 00:25.100 25 | Tiene un botón. 26 | 27 | 00:25.590 --> 00:26.500 28 | Pero mira esto. 29 | 30 | 00:26.580 --> 00:32.270 31 | Cuando haces clic en el botón, te lleva a un formulario para registrarte y recopilar direcciones de correo electrónico. 32 | 33 | 00:32.280 --> 00:32.920 34 | Está bien. 35 | 36 | 00:32.970 --> 00:35.790 37 | Estamos construyendo una página de inicio. 38 | 39 | 00:35.790 --> 00:40.620 40 | Voy a mostrarle cómo hacerlo paso a paso y puede obtener los archivos de 41 | 42 | 00:40.620 --> 00:47.970 43 | inicio adjuntos a esta lección porque construiremos esto desde cero y veremos cómo podemos poner algo en línea que ahora puede compartir 44 | 45 | 00:47.970 --> 00:49.590 46 | con sus amigos . 47 | 48 | 00:49.590 --> 00:53.540 49 | La próxima vez que tenga una gran idea de inicio, comencemos. 50 | -------------------------------------------------------------------------------- /Spanish/section09/es_escss-grid-5autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.790 --> 00:09.120 4 | Otra cosa que quiero mostrarle con el elemento individual en una cuadrícula es que 5 | 6 | 00:09.180 --> 00:12.510 7 | podemos hacer algo como justificarnos. 8 | 9 | 00:12.670 --> 00:20.500 10 | Recuerde que aquí justificamos y alineamos elementos, pero cuando se trata de elementos individuales, tenemos que 11 | 12 | 00:20.500 --> 00:21.710 13 | usar self. 14 | 15 | 00:22.180 --> 00:30.920 16 | Y como se puede imaginar, si comienzo por mi cuenta y actualizo tu, vamos al inicio de la columna. 17 | 18 | 00:31.230 --> 00:43.370 19 | Si hago una línea, irá al comienzo de la fila y si lo hacemos y volvemos a actualizar, vemos que 20 | 21 | 00:43.490 --> 00:46.250 22 | está sucediendo lo mismo. 23 | 24 | 00:46.330 --> 00:50.600 25 | También te dejaré este archivo para que puedas jugar con él. 26 | 27 | 00:50.650 --> 00:58.090 28 | Le recomiendo que intente crear diferentes tipos de cuadrículas y el aspecto que desee, ya que puede 29 | 30 | 00:58.090 --> 01:05.830 31 | ver que es bastante potente, pero también muy simple y nos permite crear sistemas de cuadrícula receptivos 32 | 33 | 01:05.830 --> 01:07.120 34 | muy fácilmente. 35 | 36 | 01:07.120 --> 01:12.040 37 | Ahora hay una hoja de trucos que puedes usar para resumir todo lo que te 38 | 39 | 01:12.040 --> 01:15.550 40 | he enseñado hasta ahora. Hay un enlace a este video. 41 | 42 | 01:15.700 --> 01:18.860 43 | Se llama The Well the grid. 44 | 45 | 01:19.510 --> 01:22.850 46 | Y le muestra exactamente por qué necesita hacerlo para el contenedor. 47 | 48 | 01:23.730 --> 01:32.370 49 | Aprendimos acerca de las líneas de pedido de las plantillas de cuadrícula y también qué hacer con los elementos secundarios, como 50 | 51 | 01:32.370 --> 01:39.870 52 | la columna Cuadrícula, justifica la autoalineación y tiene todos estos pequeños fragmentos en los que puede hacer 53 | 54 | 01:40.110 --> 01:41.650 55 | clic y copiar. 56 | 57 | 01:41.670 --> 01:46.660 58 | Así que te recomiendo que juegues con algunas de estas propiedades por tu cuenta. 59 | 60 | 01:47.360 --> 01:54.100 61 | Porque en la siguiente parte vamos a utilizar la grilla CSSA para construir un diseño completo del sitio web. 62 | 63 | 01:54.170 --> 01:55.940 64 | Lo veré de una manera. 65 | -------------------------------------------------------------------------------- /Spanish/section09/es_essection-overviewautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.910 --> 00:06.970 4 | Bienvenido de nuevo a esta sección. Quiero abordar el problema que tenemos especialmente cuando 5 | 6 | 00:06.970 --> 00:12.310 7 | comenzamos allí: ¿cómo puedo crear un diseño de un sitio web? 8 | 9 | 00:12.310 --> 00:17.450 10 | Y probablemente sea lo más difícil de aprender cuando comienzas. 11 | 12 | 00:17.640 --> 00:24.810 13 | ¿Cómo se crea algo, digamos así, que responda a todo lo que vemos 14 | 15 | 00:24.810 --> 00:30.490 16 | en la web y en la barra de navegación? 17 | 18 | 00:30.720 --> 00:34.610 19 | ¿Y cómo lo hacemos realmente receptivo? 20 | 21 | 00:37.720 --> 00:45.820 22 | En esta sección, crearemos un diseño de página web ideal para que en el futuro tenga la línea de base 23 | 24 | 00:45.820 --> 00:52.960 25 | y la Fondation para activar y personalizar y crear los sitios que desee que respondan sin gastar mucho 26 | 27 | 00:52.960 --> 00:58.740 28 | tiempo de prueba y error probando cosas diferentes con CSSA esperando que funcione. 29 | 30 | 00:58.750 --> 01:05.440 31 | Así que le mostraré mi forma recomendada de diseñar páginas web que respondan y que tenga esa plantilla disponible 32 | 33 | 01:05.440 --> 01:07.640 34 | para usted en el futuro. 35 | 36 | 01:08.380 --> 01:16.230 37 | También vamos a aprender sobre una nueva característica en CSSA llamada CSSA grid que es realmente muy poderosa. 38 | 39 | 01:16.270 --> 01:25.850 40 | Y a medida que aprenda, nos permite usar esta cuadrícula CSSA combinada con fluxbox para sinceramente que Navan necesite cosas como 41 | 42 | 01:25.850 --> 01:32.270 43 | bootstrap four u otras bibliotecas que le permitan hacer cuadrículas en el día. 44 | 45 | 01:32.270 --> 01:40.130 46 | Fue realmente muy difícil hacer el diseño y ver SS. Pero con herramientas como la cuadrícula CSSA y 47 | 48 | 01:40.130 --> 01:47.230 49 | la caja flexible, ahora tiene la capacidad de construir diseños hermosos y receptivos realmente muy rápido. 50 | 51 | 01:47.320 --> 01:48.820 52 | Entonces empecemos. 53 | 54 | 01:48.820 --> 01:50.230 55 | Nos vemos en el próximo video. 56 | -------------------------------------------------------------------------------- /Spanish/section11/es_esintroduction-to-javascript_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.360 --> 00:01.390 4 | Dar una buena acogida. 5 | 6 | 00:01.680 --> 00:05.570 7 | Estamos a punto de dar el mayor paso en nuestras carreras de desarrollador ahora. 8 | 9 | 00:06.150 --> 00:08.200 10 | Esta es, con mucho, mi cosa favorita para enseñar. 11 | 12 | 00:08.370 --> 00:10.100 13 | Y no puedo esperar para comenzar. 14 | 15 | 00:10.200 --> 00:17.850 16 | Pero antes de hacerlo, quiero que sepas una cosa: cuando comencé a aprender JavaScript fue lo más difícil 17 | 18 | 00:17.850 --> 00:18.850 19 | de conseguir. 20 | 21 | 00:19.290 --> 00:25.650 22 | Recuerdo sentirme confundido y frustrado en el camino y, para ser honesto, si es la primera vez 23 | 24 | 00:25.650 --> 00:29.460 25 | que aprendes un lenguaje de programación, tendrás esos momentos. 26 | 27 | 00:29.490 --> 00:35.850 28 | Estoy aquí para decirte que lo superes. Al igual que aprender cualquier idioma; con suficiente tiempo 29 | 30 | 00:36.000 --> 00:38.720 31 | en la práctica, puedes ser fluido. 32 | 33 | 00:38.730 --> 00:44.610 34 | Ahora, a diferencia del lenguaje humano, no tiene que recordar tantas palabras y estructura de oraciones. Así que llegarás allí, 35 | 36 | 00:44.610 --> 00:47.030 37 | te lo prometo. 38 | 39 | 00:47.070 --> 00:53.420 40 | Ahora no solo mire los videos en esta sección y vuele por el contenido. Realmente trabaje en los ejercicios que le 41 | 42 | 00:53.520 --> 00:58.840 43 | doy al final de los videos y asegúrese de entender cada tema. 44 | 45 | 00:58.970 --> 01:03.460 46 | Finalmente, esta sección le enseñará los conceptos básicos de JavaScript. 47 | 48 | 01:03.470 --> 01:10.970 49 | Todo parece muy extraño y separado a veces del HTML en CSS, de hecho, no tocaremos 50 | 51 | 01:10.970 --> 01:13.220 52 | mucho HTML y CSS. 53 | 54 | 01:13.220 --> 01:20.000 55 | Sin embargo, en la siguiente sección le mostraré cómo nuestro nuevo conocimiento de JavaScript ahora se puede 56 | 57 | 01:20.390 --> 01:23.850 58 | conectar a nuestros sitios web HTML y CSS. 59 | 60 | 01:23.860 --> 01:26.180 61 | Esto es cuando sucede la verdadera magia. 62 | 63 | 01:26.290 --> 01:29.110 64 | Así que mantente fuerte, mantente decidido. 65 | 66 | 01:29.320 --> 01:31.870 67 | Llegarás a su debido tiempo. 68 | 69 | 01:32.000 --> 01:35.240 70 | Comencemos, ¿de acuerdo? Nos vemos en el próximo. Adiós 71 | -------------------------------------------------------------------------------- /Spanish/section23/es_eswhat-we-are-building_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.100 --> 00:04.090 4 | Esta es la parte más emocionante del curso. 5 | 6 | 00:04.250 --> 00:08.670 7 | Y estoy muy, muy emocionado de trabajar en este proyecto contigo. 8 | 9 | 00:08.690 --> 00:14.810 10 | Vamos a crear nuestra aplicación final, algo que podemos poner en nuestras carteras 11 | 12 | 00:14.810 --> 00:18.000 13 | e impresionar a nuestros futuros empleadores. 14 | 15 | 00:18.080 --> 00:21.410 16 | Usaremos todo lo que hemos aprendido, hasta este punto. 17 | 18 | 00:21.680 --> 00:27.650 19 | Y luego, más adelante, para crear una aplicación completa que tenga un front end usando react. 20 | 21 | 00:27.650 --> 00:30.340 22 | Utiliza una API de reconocimiento de imágenes. 23 | 24 | 00:30.680 --> 00:34.530 25 | Tiene su propio servidor, usando node y express. 26 | 27 | 00:34.610 --> 00:36.910 28 | Y finalmente, también su base de datos. 29 | 30 | 00:36.980 --> 00:46.780 31 | Vamos a crear algo donde puedas iniciar sesión. 32 | 33 | 00:46.870 --> 00:52.670 34 | Tendremos un sitio web totalmente receptivo, como puede ver, se ve muy bien. 35 | 36 | 00:53.560 --> 01:00.010 37 | Pero lo bueno es que, aparte de todas estas animaciones sofisticadas y la 38 | 39 | 01:00.010 --> 01:11.910 40 | capacidad de cierre de sesión que tenemos, cuando ingresamos una imagen y presionamos detectar, en realidad detectarán rostros y luego imágenes, y colocarán un cuadro alrededor. 41 | 42 | 01:12.230 --> 01:13.730 43 | Probemos con otro. 44 | 45 | 01:13.730 --> 01:26.750 46 | Si selecciono esta cara, todo lo que necesitamos es una URL a una imagen, y mira eso, detecta la cara por nosotros. 47 | 48 | 01:26.760 --> 01:29.890 49 | Entonces sí, vas a construir esto. Te voy a ayudar. 50 | 51 | 01:29.970 --> 01:37.530 52 | Y al final de esto, tendremos un proyecto completamente terminado. Y no se preocupe por aquellos a quienes les 53 | 54 | 01:37.620 --> 01:41.190 55 | encanta ver, le proporcionaré los archivos del proyecto 56 | 57 | 01:41.190 --> 01:43.710 58 | al final de este curso. 59 | 60 | 01:43.900 --> 01:45.050 61 | ¿Estás emocionado? 62 | 63 | 01:45.440 --> 01:46.500 64 | Bueno, empecemos. 65 | -------------------------------------------------------------------------------- /Spanish/section25/es_esquick-note-bcryptautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.450 --> 00:03.780 4 | Hola a todos, este soy yo del futuro. 5 | 6 | 00:03.780 --> 00:09.720 7 | Solo para hacerle saber que en el próximo video vamos a hablar sobre este paquete llamado B 8 | 9 | 00:09.950 --> 00:11.590 10 | crypt node j s. 11 | 12 | 00:11.720 --> 00:19.220 13 | Ahora, si va a esta página ahora en NPM, recibirá una pequeña advertencia que dice que este paquete ha 14 | 15 | 00:19.220 --> 00:23.720 16 | quedado en desuso y que le recomiendan que use otra cosa. 17 | 18 | 00:23.720 --> 00:29.380 19 | Usted usa B crypt o b crypt dot J Sí. 20 | 21 | 00:29.480 --> 00:35.720 22 | Ahora, ambas son implementaciones de algo de lo que vamos a hablar, que es la cripta B 23 | 24 | 00:35.720 --> 00:41.930 25 | y lo vincularé a este recurso para que pueda descubrir la diferencia que hay en JavaScript. 26 | 27 | 00:41.930 --> 00:44.460 28 | El otro está en C ++. 29 | 30 | 00:44.660 --> 00:52.490 31 | Sin embargo, otro lenguaje de programación para este proyecto, porque este es nuestro propio proyecto personal, vamos a utilizar B crypt 32 | 33 | 00:52.490 --> 00:55.710 34 | no J. S. todavía. 35 | 36 | 00:55.910 --> 01:01.530 37 | Y la razón por la que hago esto es porque B crypt no Jesus fue creado específicamente. 38 | 39 | 01:01.610 --> 01:10.670 40 | Por lo tanto, funciona tanto en Mac y Linux como en Windows porque con los otros paquetes basados en su 41 | 42 | 01:10.670 --> 01:14.940 43 | sistema operativo, es posible que encuentre algunos errores. 44 | 45 | 01:15.020 --> 01:22.190 46 | Entonces, si lo desea, puede usar esos paquetes, especialmente cuando tiene una aplicación de la vida real que almacena las contraseñas 47 | 48 | 01:22.190 --> 01:23.310 49 | de los usuarios. 50 | 51 | 01:23.420 --> 01:26.130 52 | Pero en nuestro caso quiero que usemos el script B. 53 | 54 | 01:26.150 --> 01:33.370 55 | No J. S. porque aunque ya no se mantiene, es que no recibe ninguna actualización. 56 | 57 | 01:33.440 --> 01:38.570 58 | Garantizará que funcione en todos los sistemas para esta lección. 59 | 60 | 01:39.840 --> 01:47.730 61 | Así que todavía recomiendo usar la cripta B no J. S. si desea más adelante, puede actualizar o cambiar el paquete para 62 | 63 | 01:47.730 --> 01:49.380 64 | que sea cripta B cripta sí. 65 | 66 | 01:49.440 --> 01:51.930 67 | La mayoría de las veces estos funcionarán. 68 | 69 | 01:51.930 --> 01:57.230 70 | Pero quiero evitar que alguien tenga problemas para que podamos preparar e implementar este proyecto. 71 | 72 | 01:57.810 --> 01:59.370 73 | Ya veré en la próxima. 74 | -------------------------------------------------------------------------------- /Spanish/section26/es_essql-delete-from-drop-table_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.510 --> 00:01.790 4 | Dar una buena acogida. 5 | 6 | 00:02.510 --> 00:05.290 7 | Ahora tenemos nuestras mesas aquí. 8 | 9 | 00:05.420 --> 00:16.960 10 | Pero, ¿y si quisiéramos eliminar algo? Digamos que Sally decide ... intentemos eso de nuevo. 11 | 12 | 00:18.770 --> 00:25.640 13 | Digamos que Sally simplemente ya no quiere ser parte de esta aplicación y eliminará a su usuario. Bueno, ella puede enviar una 14 | 15 | 00:25.850 --> 00:27.090 16 | solicitud. 17 | 18 | 00:27.110 --> 00:37.100 19 | Y en el back-end, simplemente podemos eliminar los usuarios del nombre de la tabla y luego decimos qué usuario. Bueno, usamos la palabra clave 20 | 21 | 00:37.150 --> 00:46.790 22 | DONDE y aquí decir nombre es igual a 'Sally', presionamos enter. 23 | 24 | 00:46.890 --> 00:55.690 25 | Y con delete, en realidad tenemos que eliminar FROM, así que eliminar FROM usuarios DONDE el nombre es igual a Sally. 26 | 27 | 00:56.370 --> 00:57.620 28 | Y tenemos una eliminación. 29 | 30 | 00:57.810 --> 01:05.420 31 | Si selecciono una estrella de los usuarios allí, Sally se 32 | 33 | 01:05.420 --> 01:10.120 34 | ha ido. Muy bien, creo que hemos terminado con este ejemplo. 35 | 36 | 01:10.280 --> 01:12.130 37 | Borremos estas tablas. 38 | 39 | 01:12.140 --> 01:22.570 40 | Cómo podemos hacer eso. Podemos simplemente DROP table y decir login, se ha eliminado el login y 41 | 42 | 01:25.190 --> 01:28.660 43 | luego DROP table users. Si 44 | 45 | 01:28.770 --> 01:31.410 46 | miro qué tablas 47 | 48 | 01:31.860 --> 01:36.330 49 | tenemos, no tenemos relaciones, ni tablas. 50 | 51 | 01:36.350 --> 01:37.400 52 | Todo bien. 53 | 54 | 01:37.730 --> 01:39.450 55 | Buen trabajo llegando hasta aquí. 56 | 57 | 01:39.470 --> 01:40.450 58 | Nos vemos en el próximo video, adiós. 59 | -------------------------------------------------------------------------------- /Spanish/section26/es_essql-functions_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.180 --> 00:02.450 4 | Dar una buena acogida. 5 | 6 | 00:02.630 --> 00:08.870 7 | Ahora SQL también puede tener funciones y le mostraré tres de las más populares 8 | 9 | 00:08.870 --> 00:14.760 10 | y más comunes en este video. Solo para verificar lo que tenemos en nuestra tabla, bueno, tenemos usuarios. 11 | 12 | 00:14.910 --> 00:27.380 13 | Y si SELECCIONO usuarios estrella, oop. Olvidé usar FROM, tenemos nuestros usuarios. Ahora digamos que queríamos obtener el puntaje 14 | 15 | 00:27.470 --> 00:30.010 16 | promedio de los usuarios. 17 | 18 | 00:30.380 --> 00:41.300 19 | Podemos hacerlo diciendo SELECCIONAR promedio y dar el nombre de la columna dentro del promedio, digamos puntuación de la 20 | 21 | 00:42.340 --> 00:44.210 22 | tabla de usuarios. 23 | 24 | 00:44.470 --> 00:49.220 25 | Entonces puede ver que nuestra función al igual que en Javascript tiene el nombre 26 | 27 | 00:49.220 --> 00:58.130 28 | de la función y luego los corchetes alrededor de la columna que queremos. Vamos a presionar enter y ver que el promedio es 29 | 30 | 00:58.130 --> 01:00.100 31 | 84. 5) 32 | 33 | 01:00.130 --> 01:01.450 34 | Muy genial. 35 | 36 | 01:01.450 --> 01:02.900 37 | ¿Qué otras funciones tenemos? 38 | 39 | 01:03.100 --> 01:12.790 40 | Digamos que queríamos obtener la suma de la edad de todos. 41 | 42 | 01:12.990 --> 01:19.520 43 | Puedo invocar la función SUMA y descubrir que tenemos una suma acumulada de 132. 44 | 45 | 01:19.800 --> 01:26.400 46 | Y finalmente, también hay COUNT otro útil. 47 | 48 | 01:26.630 --> 01:34.740 49 | Y si queremos saber cuántos usuarios tenemos en nuestra base de datos, solo podemos decir COUNT name y tenemos 50 | 51 | 01:35.070 --> 01:38.200 52 | cuatro usuarios activos con nuestro juego. 53 | 54 | 01:38.220 --> 01:41.040 55 | Muy bien, tenemos que trabajar en eso para aumentar ese número. 56 | 57 | 01:41.100 --> 01:41.880 58 | Perfecto. 59 | 60 | 01:41.880 --> 01:49.080 61 | Hay algunas funciones más que puede usar, pero estas son probablemente las más comunes. Ya puedes imaginar algo del poder 62 | 63 | 01:49.080 --> 01:55.690 64 | que viene con estos valores. 65 | 66 | 01:55.690 --> 01:55.690 67 | Ya veré en el siguiente, adiós. 68 | -------------------------------------------------------------------------------- /Spanish/section27/es_eswhats-next_edit.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:01.170 --> 00:02.390 4 | Dar una buena acogida. 5 | 6 | 00:02.640 --> 00:08.410 7 | Solo quiero tomar un segundo para decir buen trabajo llegando hasta aquí. 8 | 9 | 00:09.650 --> 00:17.160 10 | Sé que no es fácil simplemente seguir una voz y una pantalla y eso requiere mucha motivación. 11 | 12 | 00:17.170 --> 00:20.010 13 | Así que de nuevo, gracias por seguir ahí. 14 | 15 | 00:20.170 --> 00:25.780 16 | Realmente espero que hayas aprendido mucho en esto y estés emocionado de aprender aún más. 17 | 18 | 00:27.380 --> 00:35.330 19 | Verá que podemos comenzar desde HTML simple hasta construir nuestra base de datos y conectarla a un servidor 20 | 21 | 00:35.330 --> 00:42.320 22 | y crear esta hermosa aplicación que ahora puede ver cuánto potencial tenemos realmente podemos expandir esto 23 | 24 | 00:42.320 --> 00:44.590 25 | para hacer tantas cosas. 26 | 27 | 00:44.870 --> 00:47.520 28 | Y es por eso que ser desarrollador es tan sorprendente. 29 | 30 | 00:47.660 --> 00:52.930 31 | Literalmente tienes el poder de hacer lo que quieras, lo que quieras construir. 32 | 33 | 00:52.940 --> 00:55.850 34 | Hay un camino y espero que realmente lo hayas entendido. 35 | 36 | 00:56.090 --> 01:02.090 37 | Ahora, esta aplicación nuestra realmente puede mejorar mucho. 38 | 39 | 01:02.100 --> 01:11.240 40 | Hay un montón de cosas que podemos limpiar, mucha validación que tendremos que arreglar y algunas optimizaciones, 41 | 42 | 01:12.640 --> 01:18.720 43 | pero seguir a alguien en un proyecto puede ser bastante desalentador. 44 | 45 | 01:18.770 --> 01:20.160 46 | Entonces quiero saber de ti. 47 | 48 | 01:20.180 --> 01:25.220 49 | Quiero saber por qué quieres ver a continuación cómo nos gustaría mejorar esta aplicación. 50 | 51 | 01:25.250 --> 01:31.310 52 | Tal vez desee crear sesiones para que si vuelvo a esta aplicación no tenga 53 | 54 | 01:31.310 --> 01:33.610 55 | que iniciar sesión cada vez. 56 | 57 | 01:33.720 --> 01:37.340 58 | Tal vez solo desee expandir esto y crear un perfil de usuario. 59 | 60 | 01:38.230 --> 01:41.730 61 | Para que podamos actualizar y eliminar usuarios. 62 | 63 | 01:43.500 --> 01:49.140 64 | Déjame saber qué crees que quieres hacer en este curso porque quiero que sea fluido. 65 | 66 | 01:49.140 --> 01:52.200 67 | Quería aprender cosas que dicen que realmente te interesan. 68 | 69 | 01:52.260 --> 01:58.730 70 | Hágamelo saber y seguiré trabajando en esta aplicación con las nuevas funciones que desee agregar. 71 | 72 | 02:00.470 --> 02:04.650 73 | Pero, de nuevo, buen trabajo has llegado hasta aquí. 74 | 75 | 02:04.650 --> 02:10.900 76 | Definitivamente, me tomó mucho tiempo grabar estos videos y me alegro de que hayamos llegado aquí también. 77 | 78 | 02:11.030 --> 02:13.490 79 | Pero hay mucho más que aprender. 80 | 81 | 02:14.810 --> 02:15.870 82 | Nos vemos en la próxima. Adiós. 83 | -------------------------------------------------------------------------------- /Spanish/section28/es_esdeploying-to-heroku-part-3autogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.790 --> 00:02.510 4 | Dar una buena acogida. 5 | 6 | 00:02.510 --> 00:03.280 7 | Todo bien. 8 | 9 | 00:03.410 --> 00:13.280 10 | Entonces, la razón por la que el punto final de la imagen no estaba funcionando era por un error tonto. Había dejado el puerto por aquí que no 11 | 12 | 00:13.370 --> 00:15.870 13 | debería estar aquí. 14 | 15 | 00:15.890 --> 00:23.000 16 | Como puede ver, nuestra aplicación Heroku está alojada allí y no necesitamos el puerto. 17 | 18 | 00:23.120 --> 00:36.360 19 | Entonces, si guardé esto, creemos un nuevo usuario. Esta vez registraremos a Teddy y Teddy en G-mail dot com tiene 20 | 21 | 00:36.350 --> 00:43.790 22 | una contraseña de 1 2 3, nos registraremos y tomemos otra cara, tomemos esta cara 23 | 24 | 00:48.030 --> 00:49.440 25 | y esta 26 | 27 | 00:53.810 --> 00:55.820 28 | vez la pegaremos aquí. 29 | 30 | 00:55.820 --> 00:59.110 31 | Detecta y mira eso. 32 | 33 | 00:59.110 --> 01:03.450 34 | Esto ahora se está actualizando y todo funciona según lo previsto. 35 | 36 | 01:06.040 --> 01:13.700 37 | Si volvemos a nuestro servidor, vemos que nuestro punto final de imagen finalmente se ve afectado y todo funciona. 38 | 39 | 01:13.810 --> 01:17.670 40 | Sorprendentemente, qué genial es eso. 41 | 42 | 01:17.680 --> 01:26.860 43 | Acabamos de implementar un servidor y una base de datos, y ambos se comunican junto con el front-end 44 | 45 | 01:26.860 --> 01:27.680 46 | también. 47 | 48 | 01:28.650 --> 01:34.900 49 | Tan genial en el próximo video que también implementaremos nuestra aplicación front-end en Heroku. 50 | 51 | 01:34.900 --> 01:39.670 52 | Entonces tenemos tres servidores diferentes ejecutándose para nosotros. 53 | 54 | 01:39.670 --> 01:44.350 55 | Podríamos ponerlo en las páginas de Github, pero eso es algo que ya hemos hecho y estoy emocionado después 56 | 57 | 01:44.350 --> 01:47.160 58 | de hacer estos dos, así que pongamos esto también en Heroku. 59 | 60 | 01:47.230 --> 01:48.620 61 | Ya veré en eso. 62 | 63 | 01:48.720 --> 01:48.970 64 | Adiós. 65 | -------------------------------------------------------------------------------- /Spanish/section31/installing-nodejs-for-windowsautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.090 --> 00:05.200 4 | Well come back and stall and good for Windows was real fun wasn't it. 5 | 6 | 00:05.700 --> 00:08.770 7 | Now it's time to install notice on our windows machines. 8 | 9 | 00:08.880 --> 00:18.740 10 | For this week visit their website noti has taught or book and pick Starla for Windows. 11 | 12 | 00:18.750 --> 00:22.400 13 | This takes a while depending on the internet connection which you have. 14 | 15 | 00:22.510 --> 00:24.800 16 | I've already downloaded it. 17 | 18 | 00:25.450 --> 00:30.850 19 | OK then let's start to install it next. 20 | 21 | 00:31.380 --> 00:42.720 22 | And then of course you can read through all the light sensing agreement except these that don't change 23 | 24 | 00:42.720 --> 00:45.200 25 | to install directory and leave it. 26 | 27 | 00:45.250 --> 00:45.440 28 | OK. 29 | 30 | 00:45.440 --> 00:48.000 31 | And this is an important point. 32 | 33 | 00:48.000 --> 00:53.270 34 | Everything should be configured automatically but let's double check it. 35 | 36 | 00:53.610 --> 01:02.280 37 | I will install Also this on the local drive and that the path means that this get reaches that the system 38 | 39 | 01:02.280 --> 01:09.180 40 | in the PATH variable which makes the note and the NPM command and waybill on your command prompt. 41 | 42 | 01:09.690 --> 01:11.910 43 | Then hit next and install 44 | 45 | 01:15.120 --> 01:16.150 46 | this takes a while. 47 | 48 | 01:16.150 --> 01:25.950 49 | Let me fast forward things that you don't have to wait. 50 | 51 | 01:26.240 --> 01:29.020 52 | OK now it's finished. 53 | 54 | 01:29.050 --> 01:31.300 55 | Finish close this. 56 | 57 | 01:31.440 --> 01:36.050 58 | This Let's start to come out and prompt to check if it is. 59 | 60 | 01:36.100 --> 01:40.150 61 | It's stalled probably typing no dish. 62 | 63 | 01:40.150 --> 01:42.630 64 | We hit enter. 65 | 66 | 01:42.670 --> 01:43.440 67 | All right. 68 | 69 | 01:43.450 --> 01:46.330 70 | Rojan eight point twelve point Ciro. 71 | 72 | 01:46.450 --> 01:50.610 73 | And let's check if NPM is also installed on my system. 74 | 75 | 01:51.040 --> 01:55.420 76 | Yes it is where six point four point one. 77 | 78 | 01:55.670 --> 02:02.150 79 | And this is holloing install not years and NPM at the same time because they ship with one installer 80 | 81 | 02:02.480 --> 02:07.040 82 | in the next lecture we will install postscripts Eskew on our windows machines. 83 | 84 | 02:07.360 --> 02:10.520 85 | This one's real fun and really excited about it. 86 | 87 | 02:10.540 --> 02:11.920 88 | I'll see you on the next one. 89 | 90 | 91 | -------------------------------------------------------------------------------- /Spanish/section31/introduction-from-wolfgangautogenerated.vtt: -------------------------------------------------------------------------------- 1 | WEBVTT 2 | 3 | 00:00.120 --> 00:07.070 4 | Hello and welcome to the section for Windows users you might ask yourself. 5 | 6 | 00:07.560 --> 00:10.280 7 | Wait hold on a sec who is this guy. 8 | 9 | 00:10.380 --> 00:11.600 10 | This is not Andre. 11 | 12 | 00:11.740 --> 00:13.950 13 | Did I pick the wrong course. 14 | 15 | 00:13.980 --> 00:16.860 16 | Don't worry you are on the right course. 17 | 18 | 00:16.860 --> 00:23.570 19 | Let me introduce myself and Wolfgang you might know me already from the Q and A or from this court. 20 | 21 | 00:23.910 --> 00:27.170 22 | I work full stock developer in 2010. 23 | 24 | 00:27.510 --> 00:30.420 25 | Since 2011 I've worked as a paramedic. 26 | 27 | 00:30.420 --> 00:36.320 28 | I also enrolled in this course in February 2000 18 and finished it on April 2018. 29 | 30 | 00:36.720 --> 00:41.030 31 | Andrei gave me back my passion again about full stock development. 32 | 33 | 00:41.520 --> 00:44.100 34 | I made our project work on my computer and helped. 35 | 36 | 00:44.100 --> 00:47.000 37 | Also a few students to make it work for them. 38 | 39 | 00:47.400 --> 00:53.100 40 | Now I got this great opportunity to show you how you can make all the tools that you need throughout 41 | 42 | 00:53.100 --> 00:55.210 43 | this course work on your system. 44 | 45 | 00:55.350 --> 00:56.660 46 | Enough about me. 47 | 48 | 00:56.760 --> 01:01.670 49 | Let us dive into the first lecture where we talk about the installation of good on Windows. 50 | 51 | 01:01.680 --> 01:03.200 52 | I'll see you in the next one. 53 | 54 | 55 | --------------------------------------------------------------------------------