今天應該會完成大致上的呈現～ Step1 修正 App.tsx // App.tsx import React, { useState } from 'rea...
叮叮
‧
2023-10-11
顯然跟目標網頁比較還有點小地方可以調整，主要是 CSS 上面的調整。 CSS 是一種描述語言，用於描述 HTML 的呈現方式。也就是說，在網頁上看到各種顏色、佈...
叮叮
‧
2023-10-10
今天繼續來完成前端網站 React 的部分，首先有好幾個地方要修正，像是資料呈現的屬性資料顯然是不夠的、圖表上的顯然是庫存而不是價格、每週的銷售紀錄等等呈現。...
叮叮
‧
2023-10-09
在目前的前端生態中，TypeScript 與 React 已成為前端工程師的主要工具之一，使用 TypeScript 能確保我們專案的更加的完善（可讀性高、錯誤...
叮叮
‧
2023-10-08
續上一篇機器學習 挑戰 - Day 1，我們今天要來詳細研究一下如何套用machine learning module 來預測BTC的價格。 首先想要研究的是A...
昨天修改了呈現的畫面之後，今天要修改後面處理資料的邏輯啦讓我們繼續看下去～ 調整新增書籍的程式 新增 POST /book 在先前已經學到使用 exp...
接下來的兩天， 我們就依照我們先前學到的， 來實際做一個簡單的書單專案吧! 建立書單資料庫 與之前所新增的 booktest 資料表有點差別的地方， 就是有...
在營養教育的時候常會介紹整個餐點製作的過程，稱為「農場到餐桌」，我們的 code 就像食材，確定了網站的基礎結構和用戶體驗；而 Rendering 則像烹飪技巧...
昨天已經完成了50 % 左右的登次系統， 今天我們來把功能做得更完善～ 還記得我們昨天在做登入 login.ejs 頁面的時候，是不是有打一個 POST /...
網站如餐廳，提供多樣「數位料理」供使用者選擇。在這虛擬餐廳，Navigation 就像精心排列的菜單，列舉所有「餐點」，助使用者快速找到所需。而當使用者做出選...
超商有三種起司三明治，Next.js 則有三種 Route，Dynamic Routes、Parallel Routes、Intercepting Routes...
說到為什麼要用 Nextjs 來做主要的開發框架，我覺得可以透過我的產品目的及我的開發模式來決定: 我的專案是個公開性的網頁，並且希望用戶可以透過我的產品提...
我們人體的骨架是支撐我們人體重要的器官，它不僅提供結構，使我們能夠站立和行動還有保護內臟，我覺得專案架構就如同我們的骨架，如果沒有好好的建立，讓所有功能和模組都...
今天營養師除了不開菜單，也不介紹保健食品或健康宣導，而是來專案介紹，實作作品是一個 Link in Bio Tool 的 0 到 1 開發，會依據專案背景、目的...
前言 按照前一天擬定的專案大綱，今天會較詳細列出我們使用的開發工具、每人預定製作功能的流程圖，以及最基礎的畫面基本架構。 開發工具與流程圖 主軸 以SNS做主要...
前言 第一次參加鐵人賽，一開始對於連續30天要寫文章有些些抗拒，擔心突然有事打斷進度。但轉念想想，缺點就是優點！換句話說就是連續30天我都要花時間去學習與思考全...
前言 我是CH，從開始轉職前端到現在，也差不多要滿一年多了，在課程與自學的過程中，只有嘗試過一次具前端與後台資料庫的完整網站，故我打算趁這次鐵人賽，除了練習有條...
前言 一年半前，我還是個每天在廚房走跳的營養師，除了跟廚師或阿姨打交道，就是跟廠商吵架，再接著對老師家長畢恭畢敬，職業生涯中完全沒想過這輩子會當前端工程師。在...
前言 前陣子研究了 Chrome Extension(Chrome 擴充套件)，並且還製作了一個和 Udemy 相關的擴充套件 Udemy Enhancer，透...
連著兩篇都在記錄繼續製作小工具的必要知識，終於要繼續寫實際的程式了，超級開心。 axios 實現AJAX技術的程式，簡單的說就是可以非同步執行程式，詳細內容可...
Vue.js（/vjuː/，簡稱Vue）是一個用於建立使用者介面的開源MVVM前端JavaScript框架，也是一個建立單頁應用的Web應用框架。--維基百科...
在開始寫網頁的動作之前必須要先規劃資料進來長甚麼樣子、要存甚麼樣子，雖然正規化是資料庫的設計方式，但是資料庫的樣式早就被前輩寫好，因此能控制的就只有拿到資料之...
在上篇已經完成了HTML也就是網頁的骨骼，接下來就是要使用CSS，像捏捏麵人一樣在骨骼上把肌肉黏上、衣服穿上、還要再化點妝、弄頭髮上髮膠、帶個耳環項鍊。...
html造就構造、css填肉美化、javascript動作這樣類似的敘述再學習網頁的初期應該會常常看到，甚至會有很多類似的迷因。 你是不是在想我怎麼不插個謎因，...
本系列純粹為本人利用上班之餘，先利用figma設計介面，並使用幾種前端語言製作幫助上班效率的工具，語言包括html、css、javascript、Vue、sc...
Side project 之路完結篇 (總結&心得) 最後一談 嗨，大家好 ! 我是阿蘇今天是Day 30 ， 終於來到了完結篇(灑花)最近剛好瘋狂加...
嗚嗚終於來到第 29 篇，真是歡天喜地！！先讓我們來看看這三天完整的練習串起來的樣子： 雖然還是有點陽春，但至少可以派上用場了～～因為時間的關係加上專案規模不...
專案開發完成 : GitHub 上傳你的作品 每日一談 嗨，大家好 ! 我是阿蘇今天是Day29 ，倒數2天即將完賽啦，剩最後兩天跟大家打招呼了(笑 前面我...
專案開發技巧篇(六) : 推薦實用套件 每日一談 嗨，大家好 ! 我是阿蘇今天是Day28 ，今天分享的是實用套件分享，我們可以在網路找到很多好用的套件，有很...
專案開發技巧篇(五) : Bootstrap 元件客製化 每日一談 嗨，大家好 ! 我是阿蘇今天是Day27 ，今天分享的是 Bootstrap 元件客製化教...
Papii
Abby
ysl0628
ch0902
Bonnie1226
阿蘇蘇
珊迪
iThome鐵人賽
看影片追技術