Недавно я написал сообщение в блоге о своих текущих целях в изучении новых языков программирования. Одним из них является TypeScript, и я решил создать свое портфолио/личный веб-сайт с помощью TypeScript. Причина в том, что мой оригинальный сайт устарел. Вы можете проверить мой старый личный сайт по этой ссылке: https://yoonsungkim.netlify.app/. Веб-сайт был создан до того, как я поступил в школу Flatiron, и я создал его с помощью фреймворка React JS.
Я хотел создать новую версию своего веб-сайта, используя React JS с TypeScript, который я никогда раньше не использовал. Причина, по которой я решил это сделать, заключается в том, что я хочу отточить свои навыки React JS, а также хочу изучить TypeScript.
Текущий прогресс
Я начинаю свой проект с настройки базовой структуры веб-сайта, включая панель навигации и целевую страницу. На веб-сайте также будут представлены проекты из моего портфолио и мое последнее обновленное резюме с использованием расширения React PDF Viewer. Наконец, у него будет раздел контактов, где посетители могут напрямую написать мне по электронной почте, используя форму, которую я предоставил в нижней части веб-сайта. Я также использую CSS-фреймворк Bootstrap 5, чтобы улучшить качество дизайна веб-сайта и сократить время на стилизацию веб-сайта. Веб-сайт доступен онлайн, поэтому вы можете проверить его: https://yoonsungkim-betabuild.netlify.app/.
Сложность этого проекта
Сначала я полагал, что TypeScript будет легко использовать, так как это надмножество JavaScript. Он следует тому же синтаксису, что и ванильный JavaScript, и у меня не было проблем с его использованием. Однако я получил больше ошибок при использовании TypeScript, чем при использовании JavaScript. Одна из вещей, которые я понял, заключалась в том, что TypeScript более строг, чем JavaScript, поскольку его можно запускать во время выполнения компиляции. Например, TypeScript позволил мне обнаружить ошибку типа данных быстрее, чем я думал. Если в JavaScript есть подобное объявление переменной:
Он не будет отображать никаких ошибок на экране, но выдаст ошибку в TypeScript:
Однако, если я не объявлю никаких значений для переменной, она не будет отображать никаких ошибок, пока я не запущу файл:
После некоторых исследований один из способов объявления переменных в TypeScript выглядит следующим образом:
Первая часть — это объявление имен переменных, затем объявление типов данных после двоеточия. Таким образом, программа знает, какие типы данных необходимы в каждой переменной, и следит за тем, чтобы исходные переменные не изменялись без ведома пользователей. Это похоже на другие языки программирования, такие как C++, которые я изучал во время учебы в колледже. Если я кратко расскажу о языке программирования C++, то это низкоуровневый язык программирования (то есть он ближе к машинному языку), который произошел от оригинального языка C. Он предоставляет различные способы эффективного хранения данных в памяти компьютера без потери ресурсов памяти компьютера. В C++ существуют такие типы данных, как целое число, число с плавающей запятой, двойное число, логическое значение, массив и т. д.
Наконец, прежде чем я уйду
Потребуется много времени, чтобы на самом деле сказать, что я хорошо разбираюсь в TypeScript, и одна из причин, по которой я продолжаю писать посты в блоге о программировании/кодировании, — это напоминание мне о необходимости двигаться вперед в своем обучении. Я буду продолжать писать о своем прогрессе в будущем. Поэтому всем спасибо за то, что читаете мои записи в блоге.
Увидимся позже!
