Мои приключения в изучении веб-разработки после того, как я стал разработчиком WPF

Я веду блог только по темам, о которых я чувствую себя не в силах говорить. И нет более подходящей темы для обсуждения, чем "синдром самозванца".

Не помню, когда впервые услышал «синдром самозванца». Можно было подумать, что я запомню такое знаменательное событие. Возможно, я не могу вспомнить, потому что мой мозг был слишком занят, перестраивая себя с этой новой точки зрения, что, может быть, просто возможно, я не был мошенником все это время.

Одна из худших ошибок, которые я когда-либо делал, была еще в 2007 году, когда я чувствовал себя слишком напуганным, чтобы броситься в веб-разработку (у меня был только опыт работы с клиентскими приложениями). Я фактически сказал своему менеджеру в то время: «Я не хочу расти. технически », когда я тайно кричал внутри:« Пожалуйста, вырасти меня технически. Я просто боюсь, что меня будут высмеивать. Еще в 2007 году я посмотрел на всех людей, которые никогда не учились в колледже по программированию (в отличие от меня, получившего степень CS) и которые были солидными веб-разработчиками. Но вот я был - премьер-министром, который даже не знал, как запустить локальный сервер. Я думал, что корабль программирования улетел, и мне было слишком поздно возвращаться к кодированию. 10 лет спустя я оглядываюсь назад и сердито спрашиваю себя: «Итак, Сара, как этот план работает?»

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

И с этим… поехали!

На этой неделе в области технологий я признаю, что учился…

Базовые, базовые веб-материалы, я упомянул базовые?

Что такое локальный хост?

Я упоминал, что столкнусь со своим страхом? Да, мы на этом уровне, но все мы с чего-то начинаем!

Запуск http: // localhost концептуально аналогичен созданию и запуску клиентского приложения на вашем локальном компьютере (например, концептуально это то же самое, что нажатие F5 в Visual Studio в каком-либо проекте приложения Windows. Конечно, нет F5 в моем новом пугающем мире У этого ноутбука только одна большая кнопка !?, но идея такая: Давайте начнем ...).

Я не знал, что все это одно и то же:

Да, я уверен, что есть причины, по которым они разные, но я этого еще не обнаружил. Как переместить гору Фудзи? По одной лопате за раз.

Что такое порт?

В случае, если у вас есть несколько веб-сайтов, работающих на вашем локальном компьютере (например, если у вас может быть несколько экземпляров VS, запускающих разные клиентские приложения одновременно), вам необходимо указать порт, чтобы определить, какой веб-сайт вы хотите посетить локально.

Впервые мне это показали с помощью Python. Если вы устанавливаете python (по крайней мере, на Mac), вы получаете SimpleHTTPServer как часть установки по умолчанию. Да, мой мозг делает шаг назад, что установка языка дает вам возможность запускать веб-сайт! Не ожидал этого.

Допустим, у вас есть две папки на вашем компьютере: «Voltron» и «FinalFantasy». Предположим, в обеих папках есть только один файл: index.html. Допустим, вы находитесь в папке Voltron и выполняете команду:

python -m SimpleHTTPServer 3000

Если вы перейдете на http: // localhost: 3000 в Терминале (то есть в окно консоли из моей предыдущей версии Windows), вы увидите текст Hello From Voltron Folder в своем файле index.html. Оставьте все это запущенным.

Теперь перейдите в папку FinalFantasy и запустите

python -m SimpleHTTPServer 4000

Вы увидите текст «Привет из папки Final Fantasy», отображаемый в файле index.html.

Да, я признаю, что не знал этого за неделю до того, как написал это.

Кстати, порт 8000 является портом по умолчанию, поэтому переход на http: // localhost: 8000 совпадает с http: // localhost.

Я предполагаю, что люди используют разные порты локально для работы нескольких веб-сайтов. Я знаю, что много раз у меня было несколько запусков VS.

Кстати, чтобы остановить сервер, это Control-C (а не Command-C). Не знаю почему. Я уверен, что здесь кто-нибудь объяснит.

Вы не запускаете компилятор для javascript или jquery.

Думаю, я получил это из Visual Studio, поскольку 10 лет назад с ASP.NET вы нажимали F5, чтобы запустить сервер… и это все, что я помню с тех пор.

Мне потребовалось 2 недели, чтобы избавиться от привычки заходить в Терминал в поисках какого-нибудь компилятора. Мне все время хотелось перезапустить сервер (т.е. перезапустить команду python -m SimpleHTTPServer ‹port›). Наконец, я начал просто перезагружать в Google Chrome.

Как просмотреть данные, записанные в консоль в сеансе http: // localhost?

Я учусь в Chrome, поэтому вы щелкните правой кнопкой мыши в браузере и выберите «Проверить», а затем выберите «Консоль» в нижнем окне инструмента.

Как мне перестать волноваться по поводу всех} и) повсюду в коде javascript / jquery?

Разделите }); как один большой символ вместо трех отдельных символов},) и; что вам нужно будет отслеживать. Привыкнешь}); как эквивалент}.

Кстати, вы можете сохранить функцию как переменную. Не борись с этим. Просто прими это.

Как добавить на веб-страницу простую функциональную кнопку?

Вам не нужно приложение rails. HTML и Javascript подойдут. Но я полагаю, это зависит от того, что вы пытаетесь сделать, а я пока понятия не имею.

jQuery - это библиотека для работы с javascript. Это забавно. Если бы я только обратил внимание все те годы назад, в 2007 году, когда подумал, что «уже слишком поздно». И jQueryUI - это библиотека для работы с javascript, которая имеет дело с пользовательским интерфейсом на странице. Но сначала вам понадобится пользовательский интерфейс на странице (т.е. должна быть кнопка в html), чтобы взаимодействовать с ним с помощью jQueryUI. Я думал, что jQueryUI создал пользовательский интерфейс, но это не так. Подробнее об этом через секунду….

Почему я даже не могу последовать примеру https://learn.jquery.com/jquery-ui/getting-started/!?!?!?

Очевидно, вы не можете просто создать новый файл example.js с

Console.log(“foo);
$( “#date” ).datepicker();

И не помогает то, что console.log успешно отображается в окне консоли в Chrome, но игнорирует вторую строку.

Кажется, что jQuery должен быть в какой-то функции , которую, как предполагается, вы знаете в документации по началу работы. Ничего не знаю! Вы должны обернуть примеры в функцию. И не волнуйтесь по поводу}); это просто прославленный}.

$(function() {
console.log(“Hello”);
$( “#date” ).datepicker();
});

Теперь https://learn.jquery.com/jquery-ui/getting-started/ будет работать.

На следующей неделе при синдроме самозванца ...

Если я еще не полностью смутился (а я знаю, что этого не произошло, потому что у меня еще остались страницы из OneNote, которыми я могу поделиться), я расскажу о своих приключениях, связанных с подключением jQueryUI к кнопке в HTML.