開源日報每天推薦一個 GitHub 優質開源項目和一篇精選英文科技或編程文章原文，堅持閱讀《開源日報》，保持每日學習的好習慣。
2024年2月26日，開源日報第1117期：
今日推薦開源項目：《Flowise》
今日推薦英文原文：《Frequently Heard In My Beginning Front-End Web Development Class》
開源項目
今日推薦開源項目：《Flowise》傳送門：項目鏈接
推薦理由：通過drop UI 以構建定製的LLM流程
直達鏈接: flowiseai.com
英文原文
今日推薦英文原文：Frequently Heard In My Beginning Front-End Web Development Class
推薦理由： 這篇文章是關於前端網頁開發的教學經驗分享。作者通過重新參加社區大學的初級課程從初學者的角度重新審視了前端開發，有一些別樣的角度來看待前端的學習過程
Frequently Heard In My Beginning Front-End Web Development Class
What could we learn from entry-level students in front-end web development? As seasoned professionals, you might think you』ve seen it all, but the truth is that the newcomers are asking the most intriguing questions and making connections that those of us who have spent years on the front end may have never considered.
I felt uninspired for a spell in 2019 and decided to enroll in a beginning-level community college course on web development as a way to 「spice」 things up, sort of like going backwards in order to move forwards. I had no interest in being an old dog learning new tricks; what I wanted was to look at front-end development through the eyes of a beginner in 2019 after having been a beginner in 2003.
Fast-forward five years, and I』m now teaching that class for the same college, as well as three others. What I gained by reprising my student status is an obsession with 「a-ha!」 moments. It』s the look in a student』s eyes when something 「clicks」 and new knowledge is developed. With the barrier to learning web development seemingly getting higher all the time, here I am, making merry with the basics. (That linked post to Rachel』s blog is what spurred me to go back to school.)
With several years of teaching under my belt, I have plenty of opinions about the learning landscape for web development. But what I am more interested in continues to be vicarious living through the eyes of my entry-level students and the consistent sparks of knowledge they make.
Questions are often the precursor to an 「a-ha!」 moment. And my students ask some pretty darn interesting questions every term, without fail, questions that have forced me to reconsider not only how I approach curriculum and instruction but also how other people think about The Web™ as a whole.
I』ve made a practice of collecting handfuls of student questions and comments. That way, I can reflect on how I might respond or answer them for future students and reference them as I write and update my lesson plans. I thought I』d share a few of them because, I hope, it will give you an idea of what those getting into the field are curious about. I think you』ll find that as many of us debate and decry the value of JavaScript frameworks, Core Web Vitals, AI, and whether Typescript is a necessary evil, the people cracking into web development are asking the most interesting questions in the field and are making way different connections than those of us who have spent forever on the front end.
These are pulled straight from students in the current Spring term. We』re only three weeks into the semester, but check out what sorts of things are already swirling around their minds as we discuss semantics, accessibility, and writing modes.
「I really never thought of this; however, code could be inclusive, and how coding could express empathy. While reading this portion of the context, I was thinking about my Kindle and how the Kindle can have audio, change my font style, larger/smaller font, and lighting. All of this helps me to read and navigate my books better depending on my surroundings and how much accessibility I will need. For example, when I am driving, I love my audiobooks, and at night, I use my dim setting and change font size because it』s the end of the day, and my eyes don』t want to do too much work reading smaller text. It』s really fascinating that coding can do all of this.」
「If we are confused about our coding and it doesn』t make sense to us, it will definitely confuse the readers, which is the opposite of our end goal, accessibility. There are also times when we might want to use
<div>where we could use<article>or<nav>or any of the other important elements. It』s essential to fully understand the elements and their uses in order to write the cleanest code.」「Tackling CSS logical properties this week felt like a juggling act, trying to keep all those new concepts in the air. Swapping left and right for inline-start and inline-end is a bit confusing, but it』s cool to see how it makes websites more welcoming for different languages.」
「What are the legal implications of website liability? I couldn』t imagine the size of a class action lawsuit that Facebook would get smacked with if a rogue developer decided to pin a gif of a strobe light to the top of the world』s newsfeeds. Are websites subject to the same legislation that requires buildings to have wheelchair ramps?」
「Sometimes, I wonder how to make all this new stuff work on old browsers that might not get what I』m trying to do. I also get stuck when my page looks great in one language but breaks in another. What』s the best way to check my work in different languages or writing modes?」
「One of the big things that really got me stoked was learning how to make content in Flexbox the same size using flex or flex-basis. This was a really big thing for me last semester when I was working on my final project. I spent a lot of time trying to figure out how to make the content in Webflow equal in size.」
「Hearing the terms 「Writing Modes」 and 「Logical Properties」 in CSS was a bit of a concern at the beginning of this week. A lot of CSS I remember was beginning to come back, but these two were new. After going over the course modules, my concern lifted a lot, mainly because Writing Modes were the layout of text in a certain element. As simple as I thought it was, it was also very important considering how writing modes change in different countries. Learning how these writing modes change the flow of text showed how much more inclusion you could bring to a website, allowing for different languages to be filtered in.」
「Although in the previous course, we learned how flexbox and grid can be used to style interesting content on sites, we didn』t study how they were made with CSS. It was surprisingly simple to grasp the basic concepts of setting up a flexbox or grid and how their children can be positioned on a main axis and cross axis. I especially enjoyed setting up grids, as both methods are intuitive, and the concept of selecting the grid lines that an element sits in reminds me of how some programming languages implement arrays and ranges. Python, for instance, allows the user to select the last element of an array using
-1just as the grid-column:1/-1; the property can specify that an element spans until the end of a row.」
下載開源日報APP：https://openingsource.org/2579/
加入我們：https://openingsource.org/about/join/
關注我們：https://openingsource.org/about/love/
