Below are your learning journals by week. Click a week to see the journals.
Contents
- 1 Weekly Learning Journals
- 1.1 Week 1 Learning Journals
- 1.2 Daniel Seetaram‘s Week 1 Learning Journal
- 1.3 How the Week Went Overall
- 1.4 How I Feel About my HTML Knowledge
- 1.5 Bitya Andrade‘s Week 1 Learning Journal
- 1.6 How the Week Went Overall
- 1.7 How I Feel About my HTML Knowledge
- 1.8 Daniel Castillo‘s Week 1 Learning Journal
- 1.9 How the Week Went Overall
- 1.10 How I Feel About my HTML Knowledge
- 1.11 harol‘s Week 1 Learning Journal
- 1.12 How the Week Went Overall
- 1.13 How I Feel About my HTML Knowledge
- 1.14 Joshua Soto‘s Week 1 Learning Journal
- 1.15 How the Week Went Overall
- 1.16 How I Feel About my HTML Knowledge
- 1.17 Joshua Soto‘s Week 1 Learning Journal
- 1.18 How the Week Went Overall
- 1.19 How I Feel About my HTML Knowledge
- 1.20 Jalitza Valerio‘s Week 1 Learning Journal
- 1.21 How the Week Went Overall
- 1.22 How I Feel About my HTML Knowledge
- 1.23 Nataliya Verkhoturtseva‘s Week 1 Learning Journal
- 1.24 How the Week Went Overall
- 1.25 How I Feel About my HTML Knowledge
- 1.26 Deeva Purboyo‘s Week 1 Learning Journal
- 1.27 How the Week Went Overall
- 1.28 How I Feel About my HTML Knowledge
- 1.29 Alyona Radkevich‘s Week 1 Learning Journal
- 1.30 How the Week Went Overall
- 1.31 How I Feel About my HTML Knowledge
- 1.32 Angelica lopez‘s Week 1 Learning Journal
- 1.33 How the Week Went Overall
- 1.34 How I Feel About my HTML Knowledge
- 1.35 Noelle Stegner‘s Week 1 Learning Journal
- 1.36 How the Week Went Overall
- 1.37 How I Feel About my HTML Knowledge
- 1.38 Asia‘s Week 1 Learning Journal
- 1.39 How the Week Went Overall
- 1.40 How I Feel About my HTML Knowledge
- 1.41 Week 2 Learning Journals
- 1.42 Joshua Soto’s Week 2 Learning Journal
- 1.43 What are two takeaways from this week?
- 1.44 What is one thing you would like to learn more deeply?
- 1.45 Link to one of my CodePen Pens
- 1.46 Deeva Purboyo’s Week 2 Learning Journal
- 1.47 What are two takeaways from this week?
- 1.48 What is one thing you would like to learn more deply?
- 1.49 Link to one of my CodePen Pens
- 1.50 Asia’s Week 2 Learning Journal
- 1.51 What are two takeaways from this week?
- 1.52 What is one thing you would like to learn more deply?
- 1.53 Link to one of my CodePen Pens
- 1.54 Natalia’s Week 2 Learning Journal
- 1.55 What are two takeaways from this week?
- 1.56 What is one thing you would like to learn more deply?
- 1.57 Link to one of my CodePen Pens
- 1.58 Angelica lopez’s Week 2 Learning Journal
- 1.59 What are two takeaways from this week?
- 1.60 What is one thing you would like to learn more deply?
- 1.61 Link to one of my CodePen Pens
- 1.62 Noelle’s Week 2 Learning Journal
- 1.63 What are two takeaways from this week?
- 1.64 What is one thing you would like to learn more deply?
- 1.65 Link to one of my CodePen Pens
- 1.66 harol’s Week 2 Learning Journal
- 1.67 What are two takeaways from this week?
- 1.68 What is one thing you would like to learn more deply?
- 1.69 Link to one of my CodePen Pens
- 1.70 Week 3 Journal
- 1.71 Joshua Soto’s Week 3 Learning Journal
- 1.72 How was your experience with watching JavaScript Collections?
- 1.73 Describe your understanding of JavaScript’s use and position in modern Web Design.
- 1.74 What are you interested in doing with JavaScript in your personal project?
- 1.75 What aspects of CSS Layout and JavaScript do you need more practice with?
- 1.76 Deeva Purboyo’s Week 3 Learning Journal
- 1.77 How was your experience with watching JavaScript Collections?
- 1.78 Describe your understanding of JavaScript’s use and position in modern Web Design.
- 1.79 What are you interested in doing with JavaScript in your personal project?
- 1.80 What aspects of CSS Layout and JavaScript do you need more practice with?
- 1.81 Alyona Radkevich’s Week 3 Learning Journal
- 1.82 How was your experience with watching JavaScript Collections?
- 1.83 Describe your understanding of JavaScript’s use and position in modern Web Design.
- 1.84 What are you interested in doing with JavaScript in your personal project?
- 1.85 What aspects of CSS Layout and JavaScript do you need more practice with?
- 1.86 Asia’s Week 3 Learning Journal
- 1.87 How was your experience with watching JavaScript Collections?
- 1.88 Describe your understanding of JavaScript’s use and position in modern Web Design.
- 1.89 What are you interested in doing with JavaScript in your personal project?
- 1.90 What aspects of CSS Layout and JavaScript do you need more practice with?
- 1.91 harol’s Week 3 Learning Journal
- 1.92 How was your experience with watching JavaScript Collections?
- 1.93 Describe your understanding of JavaScript’s use and position in modern Web Design.
- 1.94 What are you interested in doing with JavaScript in your personal project?
- 1.95 What aspects of CSS Layout and JavaScript do you need more practice with?
- 1.96 Nataliya’s Week 3 Learning Journal
- 1.97 How was your experience with watching JavaScript Collections?
- 1.98 Describe your understanding of JavaScript’s use and position in modern Web Design.
- 1.99 What are you interested in doing with JavaScript in your personal project?
- 1.100 What aspects of CSS Layout and JavaScript do you need more practice with?
- 1.101 Angelica lopez’s Week 3 Learning Journal
- 1.102 How was your experience with watching JavaScript Collections?
- 1.103 Describe your understanding of JavaScript’s use and position in modern Web Design.
- 1.104 What are you interested in doing with JavaScript in your personal project?
- 1.105 What aspects of CSS Layout and JavaScript do you need more practice with?
- 1.106 Jalitza Valerio’s Week 3 Learning Journal
- 1.107 How was your experience with watching JavaScript Collections?
- 1.108 Describe your understanding of JavaScript’s use and position in modern Web Design.
- 1.109 What are you interested in doing with JavaScript in your personal project?
- 1.110 What aspects of CSS Layout and JavaScript do you need more practice with?
- 1.111 Jalitza’s Week 3 Learning Journal
- 1.112 How was your experience with watching JavaScript Collections?
- 1.113 Describe your understanding of JavaScript’s use and position in modern Web Design.
- 1.114 What are you interested in doing with JavaScript in your personal project?
- 1.115 What aspects of CSS Layout and JavaScript do you need more practice with?
- 1.116 Noelle’s Week 3 Learning Journal
- 1.117 How was your experience with watching JavaScript Collections?
- 1.118 Describe your understanding of JavaScript’s use and position in modern Web Design.
- 1.119 What are you interested in doing with JavaScript in your personal project?
- 1.120 What aspects of CSS Layout and JavaScript do you need more practice with?
- 1.121 Week 4 Journal
- 1.122 Deeva Purboyo ‘s Week 4 Learning Journal
- 1.123 How well did you do in asking questions this week?
- 1.124 What can you do next week to improve the questions you ask?
- 1.125 What did you accomplish this week in our class that you are proud of and why?
- 1.126 Alyona Radkevich ‘s Week 4 Learning Journal
- 1.127 How well did you do in asking questions this week?
- 1.128 What can you do next week to improve the questions you ask?
- 1.129 What did you accomplish this week in our class that you are proud of and why?
- 1.130 Asia ‘s Week 4 Learning Journal
- 1.131 How well did you do in asking questions this week?
- 1.132 What can you do next week to improve the questions you ask?
- 1.133 What did you accomplish this week in our class that you are proud of and why?
- 1.134 Nataliya Verkhoturtseva ‘s Week 4 Learning Journal
- 1.135 How well did you do in asking questions this week?
- 1.136 What can you do next week to improve the questions you ask?
- 1.137 What did you accomplish this week in our class that you are proud of and why?
- 1.138 Angelica lopez ‘s Week 4 Learning Journal
- 1.139 How well did you do in asking questions this week?
- 1.140 What can you do next week to improve the questions you ask?
- 1.141 What did you accomplish this week in our class that you are proud of and why?
- 1.142 Noelle Stegner’s Week 4 Learning Journal
- 1.143 How well did you do in asking questions this week?
- 1.144 What can you do next week to improve the questions you ask?
- 1.145 What did you accomplish this week in our class that you are proud of and why?
- 1.146 Week 5 Journal
- 1.147 wmfpuv’s Week 5 Learning Journal
- 1.148 What I know about about getting the Example Eleventy Course project up and running:
- 1.149 What I want to learn more deeply or need more information about:
- 1.150 BityaBitya Andrade’s Week 5 Learning Journal
- 1.151 What I know about about getting the Example Eleventy Course project up and running:
- 1.152 What I want to learn more deeply or need more information about:
- 1.153 Daniel Castillo’s Week 5 Learning Journal
- 1.154 What I know about about getting the Example Eleventy Course project up and running:
- 1.155 What I want to learn more deeply or need more information about:
- 1.156 harol’s Week 5 Learning Journal
- 1.157 What I know about about getting the Example Eleventy Course project up and running:
- 1.158 What I want to learn more deeply or need more information about:
- 1.159 Jalitza Valerio’s Week 5 Learning Journal
- 1.160 What I know about about getting the Example Eleventy Course project up and running:
- 1.161 What I want to learn more deeply or need more information about:
- 1.162 Joshua Soto’s Week 5 Learning Journal
- 1.163 What I know about about getting the Example Eleventy Course project up and running:
- 1.164 What I want to learn more deeply or need more information about:
- 1.165 Daniel Seetaram’s Week 5 Learning Journal
- 1.166 What I know about about getting the Example Eleventy Course project up and running:
- 1.167 What I want to learn more deeply or need more information about:
- 1.168 Nataliya Verkhoturtseva’s Week 5 Learning Journal
- 1.169 What I know about about getting the Example Eleventy Course project up and running:
- 1.170 What I want to learn more deeply or need more information about:
- 1.171 Nataliya’s Week 5 Learning Journal
- 1.172 What I know about about getting the Example Eleventy Course project up and running:
- 1.173 What I want to learn more deeply or need more information about:
- 1.174 Maria Angelica’s Week 5 Learning Journal
- 1.175 What I know about about getting the Example Eleventy Course project up and running:
- 1.176 What I want to learn more deeply or need more information about:
- 1.177 Noelle’s Week 5 Learning Journal
- 1.178 What I know about about getting the Example Eleventy Course project up and running:
- 1.179 What I want to learn more deeply or need more information about:
- 1.180 Alyona Radkevich’s Week 5 Learning Journal
- 1.181 What I know about about getting the Example Eleventy Course project up and running:
- 1.182 What I want to learn more deeply or need more information about:
- 1.183 Asia’s Week 5 Learning Journal
- 1.184 What I know about about getting the Example Eleventy Course project up and running:
- 1.185 What I want to learn more deeply or need more information about:
- 1.186 Week 11 Journal
- 1.187 Bitya Andrade’s Week 11 Learning Journal
- 1.188 My experience creating and giving the midterm presentation:
- 1.189 Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
- 1.190 What did you learn from watching others presentations?</h3 I learned that many of the students had creative ideas for their project. Each of them had their own way of presenting their ideas, whether it would be using a mirror board or presentation. ONe thing I took away from watching others are the amount of effort you see each student that pours into their presentation. I saw that some didn’t put much effort and were very quick to finish presentation. This gave me a sense that they were not that dedicated even if they did it uninteintaly. I want to prevent my audience to feel this way, so this encourages me not to do same mistake. When other students shows the time and dedication they put in to show their wonderful ideas, it really grabs my attention and boost my confidence to want to do the same. Questions about the Final Project
- 1.191 Deeva’s Week 11 Learning Journal
- 1.192 My experience creating and giving the midterm presentation:
- 1.193 Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
- 1.194 What did you learn from watching others presentations?</h3 I learned a lot of things that I dont know from other peoples project and I get more ideas Questions about the Final Project
- 1.195 Daniel Seetaram’s Week 11 Learning Journal
- 1.196 My experience creating and giving the midterm presentation:
- 1.197 Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
- 1.198 What did you learn from watching others presentations?</h3 there is alot more i feel i can learn since i watched others present their midterms. Questions about the Final Project
- 1.199 Angelica lopez’s Week 11 Learning Journal
- 1.200 My experience creating and giving the midterm presentation:
- 1.201 Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
- 1.202 What did you learn from watching others presentations?</h3 I realized what pieces of information are very important to mention when presenting a project like this. Questions about the Final Project
- 1.203 harol’s Week 11 Learning Journal
- 1.204 My experience creating and giving the midterm presentation:
- 1.205 Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
- 1.206 What did you learn from watching others presentations?</h3 it helped me to organize my presentation. i was kind of lost but thanks to that I feel more confident Questions about the Final Project
- 1.207 Noelle’s Week 11 Learning Journal
- 1.208 My experience creating and giving the midterm presentation:
- 1.209 Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
- 1.210 What did you learn from watching others presentations?</h3 Seeing everyone else’s wireframes inspired me a little. Questions about the Final Project
- 1.211 Alyona Radkevich’s Week 11 Learning Journal
- 1.212 My experience creating and giving the midterm presentation:
- 1.213 Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
- 1.214 What did you learn from watching others presentations?
- 1.215 Questions about the Final Project
- 1.216 Daniel Castillo’s Week 11 Learning Journal
- 1.217 My experience creating and giving the midterm presentation:
- 1.218 Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
- 1.219 What did you learn from watching others presentations?
- 1.220 Questions about the Final Project
- 1.221 Joshua Soto’s Week 11 Learning Journal
- 1.222 My experience creating and giving the midterm presentation:
- 1.223 Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
- 1.224 What did you learn from watching others presentations?
- 1.225 Questions about the Final Project
- 1.226 Joshua Soto’s Week 11 Learning Journal
- 1.227 My experience creating and giving the midterm presentation:
- 1.228 Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
- 1.229 What did you learn from watching others presentations?</h3 The things that ive learn from my classmates presentation was organization and the way they explain everything about their project. When it comes to thinking about how to make presentation is fell great because you are working on a project that you love and share it with others. Questions about the Final Project
Weekly Learning Journals
Week 1 Learning Journals
How the Week Went Overall
This class is harder as expected, there is more to learn than the previous basic programing class.
How I Feel About my HTML Knowledge
it was a little hard to remember, but i got to remember the html i learned previously.
Where I am with My Dev Environment Setup
i had a lot of difficulties but i got the dev environment setup and ready to go.
How the Week Went Overall
Unfortunately, I had register late for class so I had missed out on our first session. I was able to set up any accounts and programs required for this class.
How I Feel About my HTML Knowledge
n/a
Where I am with My Dev Environment Setup
I haven't been able to set it up yet.
How the Week Went Overall
The first week went well I feel like I have a lot to learn and I can see myself learning a lot in this class.
How I Feel About my HTML Knowledge
I just need a little refresher but I was able to follow along in class.
Where I am with My Dev Environment Setup
I set everything up quick and had no trouble.
How the Week Went Overall
it went really well. I liked the way the professor has organized the class. also, I like the fact that we have the opportunity to meet new people.
How I Feel About my HTML Knowledge
N/A
Where I am with My Dev Environment Setup
I set up a few accounts
How the Week Went Overall
In the first week of this class it went great. The professor is very nice to talk to. If i need help with anything he will help you with it. I also cant wait to learn new things in this class.
How I Feel About my HTML Knowledge
This will be my second course learning about web development but there are still some things i need to learn about html.
Where I am with My Dev Environment Setup
I got it working on my computer.
How the Week Went Overall
In the first week of this class it went great. The professor is very nice to talk to. If i need help with anything he will help you with it. I also cant wait to learn new things in this class.
How I Feel About my HTML Knowledge
This will be my second course learning about web development but there are still some things i need to learn about html.
Where I am with My Dev Environment Setup
I got it working on my computer.
How the Week Went Overall
Overall I feel like the class went great. The professor is very easy to talk to and it meets my expectations. I cannot say if it's easy or hard but it definitely makes me eager to go along with whats to come.
How I Feel About my HTML Knowledge
This is my second-course learning about web development therefore, my HTML is not one hundred percent. However, I have a basic concept about it.
Where I am with My Dev Environment Setup
I am currently setting up my computer as outlined on the web site.
How the Week Went Overall
The week was good, I went over HTML basics and got a sneak peek of how to set up a dev environment.
How I Feel About my HTML Knowledge
It was nice to get back to HTML basics, the exercise was good and helped me remember/ learn a couple of things
Where I am with My Dev Environment Setup
Setting up dev environment was new to me and I found it a bit confusing. With the professor's help, I and a couple of other students were able to go through all the steps. I hope in the future we will be able to easily do it on our own.
How the Week Went Overall
The first week was great but it didnt meet my expectation because it was more difficult than i expected
How I Feel About my HTML Knowledge
I can follow along in class but I need more time to review again HTML basics
Where I am with My Dev Environment Setup
It was hard and confusing but I did it
How the Week Went Overall
The first week went well. I now have a clear understanding of what we will be doing in the semester. I like the way we have the before and after the class system. It helps to be more prepared for the class and sums everything up after.
How I Feel About my HTML Knowledge
I think my HTML is fine, but it is always helpful to do little refreshment of basics.
Where I am with My Dev Environment Setup
I started setting the Dev Environment a few days ago, and I'll finish it later today.
How the Week Went Overall
So far so good, I really like the way you teach and I find super helpful the before and after class system.
How I Feel About my HTML Knowledge
I honestly feel like having some time to review basics of HTML will be really helpful. I'm still a bit confused with some concepts.
Where I am with My Dev Environment Setup
I already set up a dev environment.
How the Week Went Overall
It went very well, I have a pretty clear understanding now of how the course will go. I didn't find it too overwhelming except for the Dev Environment stuff which was a bit confusing at first.
How I Feel About my HTML Knowledge
I definitely need to freshen up a bit on my HTML knowledge, but the Quizlets can help me with that.
Where I am with My Dev Environment Setup
I just finished setting it up this morning, once you explained how to do the "install nvm" the rest of the Dev Environment process went pretty smoothly.
How the Week Went Overall
Week 1 went pretty well. Exciting to know that our stack will go the less traditional route because we are using JAMStack workflow and Eleventy.
How I Feel About my HTML Knowledge
Overall, HTML went pretty well. I could use a basic review. I use a few HTML elements but I don't know the actual definitions, and there are some elements I never use that I want to try.
Where I am with My Dev Environment Setup
Getting the Dev Environment started is always challenging at first, but fingers crossed, it should get better. I worked with VSC in a Linux environment with any Ubuntu distro. I always ran away from using a PC because development on Windows OS was difficult, and there was never enough documentation. I will try to use my PC this semester. I already had WSL installed and will update to WSL 2. It's not an obstacle, just something I will have to learn and read up on this semester.
Week 2 Learning Journals
What are two takeaways from this week?
The two things that i will take away from this week is how to identify the footer, article, header, div, main and also aside. And the other thing that i will also take away from this week is i learn how to use the flex box a little bit more.What is one thing you would like to learn more deeply?
The one thing that i want to learn more about is how to use flex box a little bit more.Link to one of my CodePen Pens
https://codepen.io/jsoto358/pen/vYXBomx?editors=1000What are two takeaways from this week?
i learned to identify HTML elements especially aside, article, header, footer, div, main and address. also, I learned about javascript.
What is one thing you would like to learn more deply?
i would like to learn more about javascript
Link to one of my CodePen Pens
https://codepen.io/deevapurboyo/pen/poNwzjv
What are two takeaways from this week?
1. review semantic elements 2. stop using so many divsWhat is one thing you would like to learn more deply?
reviewing grid vs flex display is something I always need to review.Link to one of my CodePen Pens
https://codepen.io/asia-faatimah/pen/PobzewYWhat are two takeaways from this week?
I’ve learned how to code faster using the code editor and became aware what’s the difference between an article, section, aside, and divWhat is one thing you would like to learn more deply?
The material was very insightful & detailed. I would want to learn more about CSS animationLink to one of my CodePen Pens
https://codepen.io/nataliyavertigo/pen/VwmboQbWhat are two takeaways from this week?
I think learning about the display: grid property was super helpful. Also, I have a much better understanding of when to use the 9 html elements that we reviewed in class.
What is one thing you would like to learn more deply?
I'd like to learn more about css properties that could make a website interactive without using JS
Link to one of my CodePen Pens
https://codepen.io/anglikl1207/pen/vYymxVR
What are two takeaways from this week?
Learning how to use Codepen was very helpful to me, also being more specific on how to identify the article, section, and asides of a website was helpful.What is one thing you would like to learn more deply?
Perhaps just learning how I could be better with organizing my code.Link to one of my CodePen Pens
https://codepen.io/noellestegner/pen/BaQzxLoWhat are two takeaways from this week?
I learned more about souces that you can find on the internet to work in groups easily.
how to analyze webpages and divide them by section.
What is one thing you would like to learn more deply?
Iw think I learned what I wanted to learn
Link to one of my CodePen Pens
none
Week 3 Journal
How was your experience with watching JavaScript Collections?
What i experience when i was watching the JavaScript collection was that it was helpful and i also understand a little more on what JavaScript is and also what it is used for.
Describe your understanding of JavaScript’s use and position in modern Web Design.
JavaScript could play a big role in any major interaction plus you could also create control multimedia and animate images.
What are you interested in doing with JavaScript in your personal project?
The thing that i’m interested in doing with JavaScript is creating my own mini apps.
What aspects of CSS Layout and JavaScript do you need more practice with?
What i need practice with is how to understand how to use JavaScript more and how to work with it on a day to day basis.
How was your experience with watching JavaScript Collections?
I watched all the videos without issues. The video is helping me to understand more about JavaScript.
Describe your understanding of JavaScript’s use and position in modern Web Design.
JavaScript is important in modern web design because it helps to provide a reliable website for the users.
What are you interested in doing with JavaScript in your personal project?
I would like to develop my project with JavaScript
What aspects of CSS Layout and JavaScript do you need more practice with?
I need to understand more about JavaScript
How was your experience with watching JavaScript Collections?
Everything seemed fine, the videos were helpful and informative.
Describe your understanding of JavaScript’s use and position in modern Web Design.
JavaScript lets you create dynamic content, control multimedia, animate images, and pretty much everything else. It’s like a must-have in today’s web design.
What are you interested in doing with JavaScript in your personal project?
I want to add more interactivity to the websites I built. Or I can also do mini browser apps (like the one Google has with the dinosaur).
What aspects of CSS Layout and JavaScript do you need more practice with?
My CSS is okay I think, but I can use some practice with layouts. My knowledge of JS is pretty basic. I need to spend more time to get a better understanding of functions, but overall a little practice on everything will be good.
How was your experience with watching JavaScript Collections?
Yes, I was able to watch them without any issues.
Describe your understanding of JavaScript’s use and position in modern Web Design.
Javascript is basic interactive structure in web design. Functional part of features.
What are you interested in doing with JavaScript in your personal project?
I’m interested in reviewing Javascript, so I can eventually start building better with React.
What aspects of CSS Layout and JavaScript do you need more practice with?
I will always need to review grid vs flex in CSS. With Javascript I will have to review document queries and expand my knowledge of certain methods.
How was your experience with watching JavaScript Collections?
it was good, everything clear
Describe your understanding of JavaScript’s use and position in modern Web Design.
it makes webpages more interactive
What are you interested in doing with JavaScript in your personal project?
build better and interactive webpages.
What aspects of CSS Layout and JavaScript do you need more practice with?
collect data.
How was your experience with watching JavaScript Collections?
The series of videos were very insightful, they showcased both theoretical and practical information about JavaScript
Describe your understanding of JavaScript’s use and position in modern Web Design.
JavaScript plays a key role in any major interaction of the website (except hovers and default transitions – CSS tackles them). Developers utilize javascript for both back-end and front-end.
We can call javascript an ancestor of the majority of modern and cutting edge frameworks such as React, Angular, and Vue. It also has a number of dialects.
What are you interested in doing with JavaScript in your personal project?
I would love to utilize javascript on my website to create advanced hover effects, interactions, animating loading screen, and create an immersive digital experience.
I also would like to get a comprehensive understanding of the so-called headless frameworks and get a grasp of knowledge about tech architecture and optimal organization of development infrastructure.
What aspects of CSS Layout and JavaScript do you need more practice with?
Transitions and animations, practicing selecting multiple classes and setting up overarching styles. For javascript I just need more practice and learning
How was your experience with watching JavaScript Collections?
It was very insightful. I think I have a better understanding of what JavaScript is and what it is used for.
Describe your understanding of JavaScript’s use and position in modern Web Design.
JavaScript is used to add interactivity to a website. Almost every website on the internet has JS. It is a MUST in order to succeed in the industry nowadays.
What are you interested in doing with JavaScript in your personal project?
I’ve been building my portfolio using HTML and CSS, I definitely want to add some interactivity using JS.
What aspects of CSS Layout and JavaScript do you need more practice with?
I definitely need more practice with the CSS grid layout. In terms of JS, my knowledge is super basic I will say I need practice with everything.
How was your experience with watching JavaScript Collections?
Honestly, I have to say that it wasn’t that clear to me is my first time seeing Java Script and learning about it.
Describe your understanding of JavaScript’s use and position in modern Web Design.
I don’t really have that much of an understatement of JavaScript all I know is that it’s used for adding interactive behavior to a web page and some other cool stuff like apps and of that sort.
What are you interested in doing with JavaScript in your personal project?
Once I learn the exact things I can do with JavaScript then ill know more in-depth about what I would like to use javascript for. However, if I can create a cool app mission accomplish.
What aspects of CSS Layout and JavaScript do you need more practice with?
My CSS is slowly getting there but I believe in order to feel comfortable with JavaScript I have to work my way around CSS with more confidence.
How was your experience with watching JavaScript Collections?
Honestly, I have to say that it wasn’t that clear to me is my first time seeing Java Script and learning about it.
Describe your understanding of JavaScript’s use and position in modern Web Design.
I don’t really have that much of an understatement of JavaScript all I know is that it’s used for adding interactive behavior to a web page and some other cool stuff like apps and of that sort.
What are you interested in doing with JavaScript in your personal project?
Once I learn the exact things I can do with JavaScript then ill know more in-depth about what I would like to use javascript for. However, if I can create a cool app mission accomplish.
What aspects of CSS Layout and JavaScript do you need more practice with?
My CSS is slowly getting there but I believe in order to feel comfortable with JavaScript I have to work my way around CSS with more confidence.
How was your experience with watching JavaScript Collections?
Overall good, the videos were pretty simple yet informative, they also weren’t too long which was nice.
Describe your understanding of JavaScript’s use and position in modern Web Design.
I am still a bit confused about JavaScript but what I understand is how important it is towards making an interactive fluid website.
What are you interested in doing with JavaScript in your personal project?
It would be cool to create a small interactive game on a website or an interactive map with JavaScript.
What aspects of CSS Layout and JavaScript do you need more practice with?
CSS I am pretty okay on, I could use a little more experience with Float and Flexbox but other than that I am alright.
JavaScript, however, I am still trying to grasp how to properly use the variables, operators, etc… I think I just need more hands-on work with it.
Week 4 Journal
How well did you do in asking questions this week?
I asked about some problems that I had and Professor helped me fix the problem
What can you do next week to improve the questions you ask?
I will ask more question to problem that I dont understand
What did you accomplish this week in our class that you are proud of and why?
I finish the work that I am supposed to do
How well did you do in asking questions this week?
I don’t feel comfortable speaking in class, I prefer googling and listening to answers that are given to other people.
What can you do next week to improve the questions you ask?
Just ask them, I guess.
What did you accomplish this week in our class that you are proud of and why?
I’m starting to understand the concept more, which gives me a better vision of what I’m doing.
How well did you do in asking questions this week?
It went pretty well, worked through errors with another classmate. I was able to install Node and NPM, just had a few issues with GIT functionality.
What can you do next week to improve the questions you ask?
Redo , research my issues with GIT.
What did you accomplish this week in our class that you are proud of and why?
Just, working in WSL. Reviewing GIT and document queries.
How well did you do in asking questions this week?
I would rank myself as 7 out of 10
What can you do next week to improve the questions you ask?
When we are starting a new thing such as running a console, migrating files to github I think it might be great to check in whether everything opens up properly and if we were able to find that function
What did you accomplish this week in our class that you are proud of and why?
Install Node Js on my second computer and learned a new way of overcoming obstacles. Solve beautify.js issue and explained how Visual studio code works for one of my group members.
Learned more about Java Script and hope to soon implement and use it for my personal projects
Learned what’s markdown extension is and its basic rules
How well did you do in asking questions this week?
I think I asked most of the questions I had in mind.
What can you do next week to improve the questions you ask?
I could probably be more specific and willing to ask more questions.
What did you accomplish this week in our class that you are proud of and why?
I think I’m proud of running the npm build process. One of my teammates was able to get it working, and it was a bit frustrating that it wouldn’t work for me, but I’m happy that I was able to fix it.
How well did you do in asking questions this week?
I didn’t have many questions this week, I personally thought the instructions were very straightforward on how to install node and how to run it and I luckily did not run into any complications.
What can you do next week to improve the questions you ask?
Honestly, I should have asked more questions asking what the purpose of node is exactly and when I need to use it.
What did you accomplish this week in our class that you are proud of and why?
I am proud of my understanding of markdowns and how smoothly the installation process was.
Week 5 Journal
What I know about about getting the Example Eleventy Course project up and running:
hydroxychloroqine hydroxychloroquine online
What I want to learn more deeply or need more information about:
hydroxychloroqine hydroxychloroquine online
What I know about about getting the Example Eleventy Course project up and running:
Firstly you open the Github repository provided. Proceed to download the zip filed and open the folders on you visual studio code. After, you will transfer you project files to your eleventy project that you downloaded. I notice that when I did this with the professor, I had about 3 thousand files that were unknown and not use in my project. We had to sit and careful hide these file in our ignore files to use elventy properly. Afterwards I used terminal to activated the shortcuts such as npm start and main etc.
What I want to learn more deeply or need more information about:
It would be beneficial to learn more about Javascript functions and JSON.
What I know about about getting the Example Eleventy Course project up and running:
I need to first fork the project from Github and clone it. Then make sure eleventy is installed and then I could start making new branches. I have to make new branches so I can change the original code and go back if I need to.
What I want to learn more deeply or need more information about:
I want to learn more about the commands and getting everything to work together. I also just want to understand node more.
What I know about about getting the Example Eleventy Course project up and running:
we need to install vscode and add git-clone to it.
you need to have a github account to fork the repository.
What I want to learn more deeply or need more information about:
eleventy, git.
What I know about about getting the Example Eleventy Course project up and running:
I know that I have to have node.js installed to check the version by typing node-v and 2. Confirm that you’re in the project folder by typing pwd or ls and, finally install npm install -g @11ty/eleventy
What I want to learn more deeply or need more information about:
What does the -g mean when installing 11ty?
What I know about about getting the Example Eleventy Course project up and running:
What i know about getting eleventy up and running is you will have to follow the codes that is mentioned in the video and you will have to put it in your console. Then you will need to start eleventy by putting in “npm start” when you fully installed eleventy. You could also play around with the brunch by using the command “git checkout”.
What I want to learn more deeply or need more information about:
The two things that i want to learn more deeply is how to use node and json a little bit more.
What I know about about getting the Example Eleventy Course project up and running:
i had a really hard time trying to get eleventy up and running. but the program is installed on vs, however high cpu on computer cat be issue sometimes.
What I want to learn more deeply or need more information about:
i want to learn more about eleventy, node, and json, and how to use it properly.
What I know about about getting the Example Eleventy Course project up and running:
- You need to follow the code commands mentioned in the video and write them in the console
- In order to start eleventy you use “npm start” command after eleventy is installed
- You can play around with brunches using the “git checkout ‘name of the brunch’ ” etc
- you can commit changes and push it live to git hub after you sync your github account
- You need to use command “control+C” to stop serving
What I want to learn more deeply or need more information about:
- I would like to learn how to use conditions and variables, utilize JAVAScript
- How to create merge branches together and what are the complications of it
- More commands of eleventy to enable me to build complex layouts
What I know about about getting the Example Eleventy Course project up and running:
- You need to follow the code commands mentioned in the video and write them in the console
- In order to start eleventy you use “npm start” command after eleventy is installed
- You can play around with brunches using the “git checkout ‘name of the brunch’ ” etc
- you can commit changes and push it live to git hub after you sync your github account
- You need to use command “control+C” to stop serving
What I want to learn more deeply or need more information about:
- I would like to learn how to use conditions and variables, utilize JAVAScript
- How to create merge branches together and what are the complications of it
- More commands of eleventy to enable me to build complex layouts
What I know about about getting the Example Eleventy Course project up and running:
First I need to fork the project then clone it into VS code.
Next, I need to open the terminal and install eleventy globally using npx @11ty/eleventy.
Then, I can create a branch just to make sure I’m not working on the original file. ( first using the name of the branch and then adding -b in order to change the name. For example git checkout -b 01_02mine
Then I can type in the terminal — input — output –watch — serve. (I know what the last one is used for, but I’m still a bit confused about the rest.)
Then create a package.json file.
In order to make a package.json file I will use npm init -y. Then I can make changes to the file to then be able to use nmp start to convert the file to html
Then I can create the .eleventy.js file
What I want to learn more deeply or need more information about:
I would like to understand a bit better the terminal commands to change build folder and watch and serve. Also, how to deploy my changes to GitHub.
What I know about about getting the Example Eleventy Course project up and running:
So I first went into the Github link; forked the project, opened VS Code, and used the clone link. I then went into the 01_02b branch that the video suggested and installed eleventy globally npm install -g @11ty/eleventy
What I want to learn more deeply or need more information about:
JSON and more on how to write JavaScript.
What I know about about getting the Example Eleventy Course project up and running:
Open course repository on GitHub, fork and clone it. Then, open VSC and clone the code to it by using git: clone command. Check the branch and folders and make sure everything is correct and in the right places. And then there are two important commands to run the code:
npm install -g 11ty@eleventy
npm run build
What I want to learn more deeply or need more information about:
Because I don’t have access to most of the software, I just need lots of practice to get comfortable with all the commands and etc. Overall, I’m excited about learning more about Eleventy, Node, and JSON.
What I know about about getting the Example Eleventy Course project up and running:
I use WSL, the way I start my project might be different. The main things to know before getting the eleventy project started is to have access to Github and the course repo ( through link). Have VSC open with Nodejs and npm installed. ( check version >node -v >npm -v). Make sure VSC is opened in the folder you want to work in. (ls, cd ‘folder’ or mkdir ‘folder’ )
Open new terminal:
Once eleventy is installed, the Github course repo should be forked then cloned. In VSC if the Github extensions are installed : ctrl+shift+p to open ( I think its opens the command palette) > type git , select git: clone . ctrl+v the cloned repo within the palette.
Check which branch. > git status, > git branch -r
then >git checkout master
npm install -g 11ty@eleventy ( doublecheck).
>npm init > npm run build (building the package might come before)
What I want to learn more deeply or need more information about:
I understand parts of the process, my Git environment looked a little different . I had to open source bash config to have show $master.
I want to learn Eleventy and JSON more deeply.
Week 11 Journal
My experience creating and giving the midterm presentation:
I used the miro board, gratefully provided by professor to create my presentation. It was a bit tricky since miro board is a heavy site and it felt like using a non-touch screen ipad. THe tools were easy to use and I was able to easily add in my content.
While presenting, it was difficult to have zoom and miro running at the same time. Overall, I had enjoyed presenting my ideas to my about making my first personal portfolio to show my skills off.
What was surprising was that every student would make sticky notes on a separate miro board to give feedback on each presentation. I found this super helpful and engaging, while giving every student a chance to say something even if they don’t want to turn their mic on. I really giving students advice and my opinions regarding their projects.
Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
This experience has made me more comfortable and prepared for future professional presentations. I generally, enjoy making presentations but often find myself not prepared to give it. So having to show my progress to my class not only build up my public speaking skills, but also helps direct what I’m showing to y target audience. For example, specific presentations often is directed to specific audience. In this case, I now know what my audience is looking for, what they expected and they can be surprised with when I do future presentations regarding portfolios, product ideas etc. So now I can prepare myself when the time comes.
What did you learn from watching others presentations?</h3
I learned that many of the students had creative ideas for their project. Each of them had their own way of presenting their ideas, whether it would be using a mirror board or presentation. ONe thing I took away from watching others are the amount of effort you see each student that pours into their presentation. I saw that some didn’t put much effort and were very quick to finish presentation. This gave me a sense that they were not that dedicated even if they did it uninteintaly. I want to prevent my audience to feel this way, so this encourages me not to do same mistake. When other students shows the time and dedication they put in to show their wonderful ideas, it really grabs my attention and boost my confidence to want to do the same.
Questions about the Final Project
n/a
My experience creating and giving the midterm presentation:
It was more complicated than I thought it would be. I felt nervous looking at other peoples work and I feel like I can do more to the presentation. I should have give more information in the presentation.
Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
Yes, it really helps to train for a professional environment and makes me better prepared for the future
What did you learn from watching others presentations?</h3
I learned a lot of things that I dont know from other peoples project and I get more ideas
Questions about the Final Project
I have no more question
My experience creating and giving the midterm presentation:
the process was not that difficult since i was working in a group, the in class presentation went well in showing off what we are working on later on for the final. the midterm seemed easy since i worked on half of the project and risa worked on the other half.
Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
i do feel more prepared in a professional setting when making and giving the presentation.
What did you learn from watching others presentations?</h3
there is alot more i feel i can learn since i watched others present their midterms.
Questions about the Final Project
the only question i really have is the API, and i do believe a lot of people have the same question.
My experience creating and giving the midterm presentation:
I’m working with a group of people that are very responsible and dedicated. I think this made the experience easier. In terms of giving the presentation, I think it was a bit difficult for me just because I’m not used to talking in public.
Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
Absolutely, I think that having to create a project like this helped me to understand better all the design processes when creating a website. Also, by having it to present it, I was forced to look up the right professional words to use.
What did you learn from watching others presentations?</h3
I realized what pieces of information are very important to mention when presenting a project like this.
Questions about the Final Project
How to use JS to code a responsive navbar?
My experience creating and giving the midterm presentation:
I haven’t presented my midterm. I will do it in April 28th
Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
i think it helps a lot because in the previous projects I was never asked to make a presentation.
What did you learn from watching others presentations?</h3
it helped me to organize my presentation. i was kind of lost but thanks to that I feel more confident
Questions about the Final Project
does the project have to be fully functional?
how are we gonna present the project?
My experience creating and giving the midterm presentation:
The Midterm went pretty smoothly for me, the style tile I enjoyed the most creating.
I felt like I could have explained more about the website though.
Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
It helped ease my anxieties a bit about presenting since everyone was very nice and I received constructive criticism.
What did you learn from watching others presentations?</h3
Seeing everyone else’s wireframes inspired me a little.
Questions about the Final Project
I have been having some confusion on where to put the footer.
I also haven’t been able to view my project when typing npm watch.
My experience creating and giving the midterm presentation:
The process of creating the presentation was fine since it wasn’t the first time I had to present something similar. The in-class presentation was a helpful and learning experience, and I got good feedback as well. the most difficult part for me was figuring out what ideas are actually doable and what are not in terms of covered in the class material.Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
Yes, it totally did. It was a great practice. The more presentations I do, the more confident I feel about the way I present it.What did you learn from watching others presentations?
What I learned from others is that it is important to be organized and well-prepared, it adds some professionalism to the presentation.Questions about the Final Project
How to upload the website to the netlify?My experience creating and giving the midterm presentation:
My experience with the midterm presentation was great. I’m doing the project with a group of people so we split up what we all had to do and at the end we put it all in one presentation. The presentation itself was good as people gave feedback on what we could work on. The only difficult part for me was speaking in front of the class.Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
Yes because I’ve never worked with a group to make and present a project.What did you learn from watching others presentations?
Everyone put a lot of thought behind their decisions for their project.Questions about the Final Project
How does bootstrap work? Do we need to connect bootstrap to a different file or just a script?My experience creating and giving the midterm presentation:
In the process of creating my presentation for my project it was difficult for me because i had to figure out what to write about and what to say when i present my project. What i like about the in- class presentation was we get to share our project to each other. The thing that was difficult for me was to present but once i started talking about my project i felt great.
Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
When i was preparing myself to speak about my project i was feeling a little nervous but when i started to speak about my project i felt great. The way the experience help me was i needed to speak more so i could feel comfortable speaking about the project that i am working on.
What did you learn from watching others presentations?
The things that ive learn from my classmates presentation was organization and the way they explain everything about their project. When it comes to thinking about how to make presentation is fell great because you are working on a project that you love and share it with others.
Questions about the Final Project
The questions that i have about the final project is when we are finished creating our website how do we put it so everyone could see it.Also could we use other apps to do our coding.
My experience creating and giving the midterm presentation:
In the process of creating my presentation for my project it was difficult for me because i had to figure out what to write about and what to say when i present my project. What i like about the in- class presentation was we get to share our project to each other. The thing that was difficult for me was to present but once i started talking about my project i felt great.
Did the process of making and giving the presentation make you feel more prepared to present information in a professional setting?
When i was preparing myself to speak about my project i was feeling a little nervous but when i started to speak about my project i felt great. The way the experience help me was i needed to speak more so i could feel comfortable speaking about the project that i am working on.