iT邦幫忙

side project相關文章
共有 179 則文章
鐵人賽 Modern Web DAY 9

技術 Day 9: 島島阿學的進化之路: 從使用者洞察到產品藍圖

決定下一步的開始 在做出第一次使用者研究後,根據討論出來的方案與最後投票最高的兩個是定期舉辦自學相關活動與學習顧問,次高的是學習夥伴媒合,後續有嘗試舉辦幾次實體...

鐵人賽 Modern Web DAY 3

技術 Day3 撰寫 Side Project 的技術挑選策略:找到適合的工具與框架

在撰寫一個 Side Project 時,選擇技術絕對是一個重要的環節,甚至比 Side Project 主題還重要。所選擇的技術會直接影響整個專案的開發流程、...

鐵人賽 Modern Web DAY 2

技術 Day2 如何選擇 Side Project:找到適合你的學習與成長機會

選擇一個合適的 Side Project,對於任何想要提升自己技術能力的工程師來說都是很重要的事,這不只會大大的提升自己的技術能力,在未來的職涯上也很有很大的幫...

鐵人賽 Modern Web DAY 8

技術 Day 8: 島島阿學如何深入使用者需求 :UX研究與設計的旅程

今天來介紹島島阿學如何深入使用者需求的過程! UX設計 一開始我對UX設計很有興趣,主要是很好奇以人為本的概念如何落實到設計中,所以搜尋了一些學習資源,剛好也是...

鐵人賽 Modern Web DAY 1

技術 Day 1 引言:新手全端工程師的挑戰之路

嗨!大家好,我叫嘉祐。 不只是程式,更是心路歷程 以往在當工程師的過程中一定會看過許多技術文章,一篇比一篇厲害的大神分享了許多專業知識,讓我們獲益良多。這次的系...

鐵人賽 Modern Web DAY 7

技術 Day 7: 島島阿學的誕生 : 從教育理念到實際行動

今天來介紹島島阿學這個Side Project,可能跟一般常見的Side Project不太一樣,有點偏向創業或是NGO的型態,不過一開始是想解決某些我們認為重...

鐵人賽 Modern Web DAY 6

技術 Day 6: 攀岩網站後端重構 : 從挑戰到突破

今天分享攀岩網站後端重構的過程,分享遇到的挑戰與如何解決,以及未來的開發規劃。 重構網站架構:從Firebase到Spring Boot 由於後來想轉往後端,同...

鐵人賽 Modern Web DAY 5

技術 Day 5: 攀岩網站改版紀實:從陽春到功能強化的蛻變

作品重生:第二版的轉型之路 在面試時,許多面試官提出了關於作品的問題,發現一個共通點:作品中幾乎沒有用到JavaScript。大多數公司更注重JS的能力,而純切...

鐵人賽 Modern Web DAY 4

技術 Day 4: 攀岩網站開發旅程:挑戰與學習並進

今天來分享開發的第一版的攀岩網站,也是第一輪面試前完成,用來投履歷跟面試時所呈現的作品。 技術選擇 技術選擇上主要是要讓未來協作島島阿學的專案時,能快速上手,因...

鐵人賽 Modern Web DAY 3

技術 Day 3: 我的攀岩網站誕生記:從零到一的心路歷程

今天來介紹比較簡單Side Project,是一個攀岩網站,也可以說是部落格、新聞媒體網站這樣類型的Side Project。 WHY 先問為什麼 這個Side...

鐵人賽 Modern Web DAY 2

技術 Day 2: 什麼是Side Project?

什麼是Side Project? 定義Side project(專案)通常指的是在正職工作以外進行的專案或創作。 主要特點包括: 這是一個在工作時間外進行的個人...

鐵人賽 Modern Web DAY 1

技術 Day 1: 為什麼要做Side Project?

前言 時間好快又來到一年一度鐵人賽了!原本今年列了好多想要寫的主題,後來想想還是來寫點有趣的。 上週日剛好去g0v社群分享專案經驗,就覺得Side Projec...

鐵人賽 自我挑戰組 DAY 1

技術 Day1 Introduction

Hi all, 由於07/25 的颱風為我們帶來了長達五天的假期,讓宅在家的我有了想要做 side project的想法,既然都想到要做了又剛好遇到這次鐵人賽的...

鐵人賽 Modern Web DAY 26
TypeScript 啟動! 系列 第 26

技術 [Day 26] TypeScript 零售業者模擬演練 IV

今天應該會完成大致上的呈現~ Step1 修正 App.tsx // App.tsx import React, { useState } from 'rea...

鐵人賽 Modern Web DAY 25
TypeScript 啟動! 系列 第 25

技術 [Day 25] TypeScript 零售業者模擬演練 III

顯然跟目標網頁比較還有點小地方可以調整,主要是 CSS 上面的調整。 CSS 是一種描述語言,用於描述 HTML 的呈現方式。也就是說,在網頁上看到各種顏色、佈...

鐵人賽 Modern Web DAY 24
TypeScript 啟動! 系列 第 24

技術 [Day 24] TypeScript 零售業者模擬演練 II

今天繼續來完成前端網站 React 的部分,首先有好幾個地方要修正,像是資料呈現的屬性資料顯然是不夠的、圖表上的顯然是庫存而不是價格、每週的銷售紀錄等等呈現。...

鐵人賽 Modern Web DAY 23
TypeScript 啟動! 系列 第 23

技術 [Day 23] TypeScript 零售業者模擬演練

在目前的前端生態中,TypeScript 與 React 已成為前端工程師的主要工具之一,使用 TypeScript 能確保我們專案的更加的完善(可讀性高、錯誤...

鐵人賽 AI & Data DAY 23

技術 機器學習 挑戰 - Day 2

續上一篇機器學習 挑戰 - Day 1,我們今天要來詳細研究一下如何套用machine learning module 來預測BTC的價格。 首先想要研究的是A...

鐵人賽 SideProject30 DAY 7

技術 營養師不開菜單的第七天 - Next.js 13 Server Component 初體驗

在營養教育的時候常會介紹整個餐點製作的過程,稱為「農場到餐桌」,我們的 code 就像食材,確定了網站的基礎結構和用戶體驗;而 Rendering 則像烹飪技巧...

鐵人賽 SideProject30 DAY 6

技術 營養師不開菜單的第六天 - 探討 Next.js 連結導覽 & Data Fetching

網站如餐廳,提供多樣「數位料理」供使用者選擇。在這虛擬餐廳,Navigation 就像精心排列的菜單,列舉所有「餐點」,助使用者快速找到所需。而當使用者做出選...

鐵人賽 自我挑戰組 DAY 24

技術 Day 24 - 實例專案:構建一個簡單的書單列表(下)

昨天修改了呈現的畫面之後,今天要修改後面處理資料的邏輯啦讓我們繼續看下去~ 調整新增書籍的程式 新增 POST /book 在先前已經學到使用 exp...

鐵人賽 SideProject30 DAY 5

技術 營養師不開菜單的第五天 - 靈活運用 Next.js 的三種 Route

超商有三種起司三明治,Next.js 則有三種 Route,Dynamic Routes、Parallel Routes、Intercepting Routes...

鐵人賽 自我挑戰組 DAY 23

技術 Day 23 - 實例專案:構建一個簡單的書單列表(上)

接下來的兩天, 我們就依照我們先前學到的, 來實際做一個簡單的書單專案吧! 建立書單資料庫 與之前所新增的 booktest 資料表有點差別的地方, 就是有...

鐵人賽 SideProject30 DAY 4

技術 營養師不開菜單的第四天 - 為什麼要用 Next.js

說到為什麼要用 Nextjs 來做主要的開發框架,我覺得可以透過我的產品目的及我的開發模式來決定: 我的專案是個公開性的網頁,並且希望用戶可以透過我的產品提...

鐵人賽 SideProject30 DAY 3

技術 營養師不開菜單的第三天 - Link In Bio Tool 專案架構

我們人體的骨架是支撐我們人體重要的器官,它不僅提供結構,使我們能夠站立和行動還有保護內臟,我覺得專案架構就如同我們的骨架,如果沒有好好的建立,讓所有功能和模組都...

鐵人賽 SideProject30 DAY 2

技術 營養師不開菜單的第二天 - Link In Bio Tool 專案介紹

今天營養師除了不開菜單,也不介紹保健食品或健康宣導,而是來專案介紹,實作作品是一個 Link in Bio Tool 的 0 到 1 開發,會依據專案背景、目的...

鐵人賽 SideProject30 DAY 2

技術 Day2—專案開發草案

前言 按照前一天擬定的專案大綱,今天會較詳細列出我們使用的開發工具、每人預定製作功能的流程圖,以及最基礎的畫面基本架構。 開發工具與流程圖 主軸 以SNS做主要...

鐵人賽 SideProject30 DAY 1

技術 Day1—開賽前言

前言 我是CH,從開始轉職前端到現在,也差不多要滿一年多了,在課程與自學的過程中,只有嘗試過一次具前端與後台資料庫的完整網站,故我打算趁這次鐵人賽,除了練習有條...

鐵人賽 SideProject30 DAY 1

技術 營養師不開菜單的第一天 - 為什麼要做 Link In Bio Tool?

本系列文已改編出版為『營養師不開菜單後的 Next.js 全端轉職攻略:從專案規劃、畫面設計、資安到 SEO,挑戰一人 Side Project (iThom...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20 - 身分驗證與授權:實作使用者註冊和登入系統(中)

昨天已經完成了50 % 左右的登次系統, 今天我們來把功能做得更完善~ 還記得我們昨天在做登入 login.ejs 頁面的時候,是不是有打一個 POST /...