Прежде всего, я действительно благодарен Google и Udacity за предоставленную мне такую ​​прекрасную возможность для изучения веб-разработки, а также работы над действительно замечательным проектом под названием «TaskMaster». Я был очень взволнован, когда меня выбрали в качестве ко-модера во время проекта. Во время этого процесса я получал тонну новой информации о веб-разработке и знаниях, общаясь с другими товарищами по команде. Я пишу этот пост для таких новичков, как я, чтобы поделиться тем, что я узнал, и ресурсами, которые я использовал.

В феврале месяце, когда я начал свой стипендиальный курс, я был очень взволнован, изучая веб-разработку. В то время я уже провел некоторое исследование некоторых великих имен, связанных с этой программой, Чайтра Раманатана, Ника Блюменталя и нашего слабого друга Акшита Джайна, сэра.

Следующие темы, которые я изучил в этом курсе -

HTML, CSS, Javascript, jQuery И не в последнюю очередь проект Pixel Art Maker.

Вот ссылка на мой код для проекта Pixel Art Maker: https://codepen.io/swapnil2095/pen/xjJqxB

В групповом проекте «TaskMaster» я в основном занимался рефакторингом кода и back-end функциональностью.

Вот ссылка на мой код для проекта TaskMaster: https://github.com/Swapnil2095/taskmaster

Вот развернутая версия проекта TaskMaster: http://taskmaster.knowledgesaver.com/index.php

Моя интересная ссылка для веб-разработки: https://in.pinterest.com/swapnil6195/web-development/

Несколько действительно интересных сайтов для изучения вещей веб-разработчиков, которые я обнаружил во время этого путешествия по обучению:

1. HTML

Учебное пособие по HTML
https://www.w3schools.com/html/
https://developer.mozilla.org/en-US/docs/Web/HTML

2. CSS

Что такое CSS?
http://www.w3schools.com/css/css_intro.asp
http://en.wikipedia.org/wiki/Cascading_Style_Sheets
http : //html.net/tutorials/css/lesson1.php

Встроенный CSS
http://www.w3schools.com/css/css_howto.asp

Внутренний CSS
http://www.w3schools.com/css/css_howto.asp

Классы и идентификаторы
http://www.w3schools.com/cssref/css_selectors.asp
http://css-tricks.com/the-difference-between-id-and-class /
http://htmldog.com/guides/css/intermediate/classid/

Дивы
http://www.w3schools.com/tags/tag_div.asp
http://gostats.com/resources/css-div-tutorial.html

Цветовые коды HTML
http://html-color-codes.info/
http://www.w3schools.com/html/html_colors.asp
http: / /www.w3schools.com/html/html_colornames.asp

Плавающий
http://www.w3schools.com/css/css_float.asp
http://www.w3schools.com/cssref/pr_class_float.asp
http: //css-tricks.com/all-about-floats/

Позиционирование
http://www.w3schools.com/css/css_ позиционирование.asp
http://www.barelyfitz.com/screencast/html-training/css/ позиционирование/
Http://alistapart.com/article/css- позиционирование-101

Поля
http://www.w3schools.com/css/css_margin.asp
http://www.w3schools.com/cssref/pr_margin.asp
http: //www.htmldog.com/guides/css/beginner/margins/

Прокладка
http://www.w3schools.com/css/css_padding.asp
http://www.w3schools.com/cssref/pr_padding.asp

Границы
http://www.w3schools.com/css/css_padding.asp
http://www.w3schools.com/cssref/pr_padding.asp
http: //www.w3schools.com/css/css_border.asp
http://www.w3schools.com/css/css3_borders.asp
http://www.w3schools.com/ cssref / pr_border-style.asp

Шрифты
http://www.w3schools.com/css/css_font.asp
http://www.w3schools.com/cssref/css_websafe_fonts.asp
https: //www.google.com/fonts

Стилизация текста
http://www.w3schools.com/css/css_text.asp
http://csstxt.com/

Выравнивание текста
http://www.w3schools.com/cssref/pr_text_text-align.asp
http://www.w3schools.com/css/css_align.asp

Ссылки на стили
http://www.w3schools.com/cssref/pr_text_text-align.asp
http://www.w3schools.com/css/css_align.asp
Http://www.w3schools.com/css/css_link.asp
http://www.w3schools.com/cssref/sel_link.asp

Внешний CSS
http://www.w3schools.com/css/css_howto.asp

Дополнительные ресурсы
https://css-tricks.com/
https://css-tricks.com/almanac/
http://paletton.com/# uid = 1000u0kllllaFw0g0qFqFg0w0aF
http://flexboxfroggy.com/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Https://www.cleancss.com/css-minify/
https://caniuse.com/
http://shouldiprefix.com/
https : //www.w3schools.com/cssref/css3_browsersupport.asp
https://robots.oughttbot.com/transitions-and-transforms
http://mashup-template.com /templates.html
https://www.creative-tim.com/bootstrap-themes/ui-kit?direction=asc&sort=price
https://startbootstrap.com/template -categories / all /
https://daneden.github.io/animate.css/

3. JavaScript

Что такое Javascript?
http://www.w3schools.com/js/js_intro.asp
http://javascript.about.com/od/reference/p/javascript.htm
Http://en.wikipedia.org/wiki/JavaScript

Внутренний Javascript
http://www.w3schools.com/js/js_examples.asp (верхние 3 ссылки)

Доступ к элементам
https://www.w3schools.com/jsref/met_document_getelementbyid.asp

Ответ на щелчок
http://stackoverflow.com/questions/5871640/why-is-using-onclick-in-html-a-bad-practice

Изменение содержания веб-сайта
http://www.w3schools.com/jsref/prop_html_innerhtml.asp
http://www.w3schools.com/js/js_htmldom_html.asp

Переменные
www.w3schools.com/js/js_variables.asp
www.tutorialspoint.com/javascript/javascript_variables.htm

Массивы
www.w3schools.com/js/js_arrays.asp
www.hunlock.com/blogs/Mastering_Javascript_Arrays

Если утверждения
www.w3schools.com/js/js_if_else.asp
http://www.w3schools.com/jsref/prop_html_innerhtml.asp
http: // www .w3schools.com / js / js_htmldom_html.asp
www.tutorialspoint.com/javascript/javascript_ifelse.htm

Для циклов
www.w3schools.com/js/js_loop_for.asp
www.tutorialspoint.com/javascript/javascript_for_loop.htm

Циклы пока
www.w3schools.com/js/js_loop_ while.asp
www.tutorialspoint.com/javascript/javascript_ while_loop.htm

Функции
www.w3schools.com/js/js_functions.asp
www.quirksmode.org/js/function.html

Внешний Javascript
www.w3schools.com/js/tryit.asp?filename=tryjs_externalexample

4. jQuery

Официальный сайт ознакомления с jQuery
http://learn.jquery.com/

Шпаргалки по jQuery
http://oscarotero.com/jquery/
http://www.javascripttoolbox.com/jquery/cheatsheet/

Учебное пособие по jQuery
http://www.w3schools.com/jQuery/

5. PHP

Учебное пособие по PHP 5
https://www.w3schools.com/php/
http://php.net/manual/en/

Хорошие вопросы
https://stackoverflow.com/questions/21402659/prepared-statements-and-floats
https://stackoverflow.com/questions/18655706/pdo-with-insert- в-через-подготовленные-операторы
https://stackoverflow.com/questions/34434243/inserting-date-in-php-prepared-statements

6. MySQL

Руководства по MySQL и PHP
https://www.w3schools.com/php/php_mysql_intro.asp
https://www.tutorialspoint.com/mysql/index.htm
Https://dev.mysql.com/doc/refman/8.0/en/

7. Дополнительно

Www.responsinator.com
http://validator.w3.org/

Каркас:
https://mashable.com/2010/07/15/wireframing-tools/#ICzm.kF2vZqC

Https://pixlr.com/web
https://pixlr.com/editor/?utm_source=ChromeExt&utm_medium=Wallpaper&utm_campaign=PixlrToday&utm_content=Editor
https://mailchimp.com/
https://stripe.com/

Https://stackoverflow.com/questions/22062266/how-to-give-apache-permission-to-write-to-home-directory
https://developers.google.com/chart/ интерактивные / документы / галерея / столбчатая диаграмма
https://ckeditor.com/

Почта:
https://mailtrap.io/inboxes#
https://github.com/PHPMailer/PHPMailerhttp://codingfaculty.com/courses/41941/lectures/600057 < br /> https://packagist.org/
https://pusher.com/
https://cdnjs.com/libraries/toastr.js
Https://github.com/pusher/pusher-http-php

Получение бесплатных электронных книг для обучения, по одной книге в день:



Бесплатное обучение - бесплатные электронные книги по программированию | PACKT Books
Новые бесплатные учебники по программированию каждый день! Развивайте новые технические навыки и знания с ежедневным изданием Packt Publishing… www.packtpub.com



Еще раз спасибо всем, кто вдохновляет меня учиться.