- Видео 188
- Просмотров 66 275
Shannon Denna
Добавлен 19 мар 2014
I have taught Math and Computer Science at Fremd High School in Palatine IL. Since 2018 I have taught only computer science and love to see young minds excited about programming!
L9: Custom List Row for a FlatList
In this video I continue with the code developed in L8 parts 1, 2, and 3 by creating a custom List Row for the FlatList. This component receives the data and an onPress so that the same functionality still exists.
Notes referenced:
docs.google.com/document/d/1Qw639XtHkGKeWTgIclkxvpgNuR9qwJfIHO1WNTF12VQ/edit?usp=sharing
Notes referenced:
docs.google.com/document/d/1Qw639XtHkGKeWTgIclkxvpgNuR9qwJfIHO1WNTF12VQ/edit?usp=sharing
Просмотров: 8
Видео
L8 Part 3: Custom List Row Separator
Просмотров 79 часов назад
In this last video for lesson 8 I show how to create a custom List Row Separator component and pass this as the ItemSeparatorComponent within the FlatList. Refers to these Notes: docs.google.com/document/d/1r...
L8: Part 2 - Styling your FlatList
Просмотров 99 часов назад
This is the 2nd video showing how to style a FlatList so that the display is conditional on whether or not the item in the list is selected. Notes used: docs.google.com/document/d/1r89rBBE52peFgQv6gQsaNV4zRZYgfRVAG13gZUGZgLA/edit?tab=t.0
L8 Part 1: Set up FlatList Basic project
Просмотров 159 часов назад
This lesson (relating to FlatLists) is split up over several smaller videos. In this video I talk about how to set up the FlatList, the different props, and seeing it on the screen. The notes used are in this doc. docs.google.com/document/d/1r89rBBE52peFgQv6gQsaNV4zRZYgfRVAG13gZUGZgLA/edit?usp=sharing (You can make a copy of the doc so the text is editable.)
L7: Define colors and defaultStyles tsx
Просмотров 1212 часов назад
Learn how to utilize a styles folder with a colors.tsx and defaultStyles.tsx to create app-wide colors and styles for consistent theming. L7: Notes used docs.google.com/document/d/14WShE-Uxjbf2cC_7S3rVmtnbPI7j1BM-E0i-1wFnSks/edit?usp=sharing Additional Style sheet notes referenced: docs.google.com/document/d/1-vgpoqkTBLuWma6OQJkpyrn-t1yRIgS5vJ8rKo-SYuc/edit?usp=sharing
L6 Part 2: TextInput with State
Просмотров 812 часов назад
In this video I continue explaining state variables through the use of a custom TextInput component having 2 state variables Notes referred to in the video: docs.google.com/document/d/1e... Transcript
U7 Ticketmaster 2025
Просмотров 10521 час назад
Demo of the Ticketmaster 2025 lab running. Notice the 'menu', nice column line up, and how the code protects against invalid input.
L6 Part 1: state variables and useState Hook
Просмотров 10День назад
In this video I introduce components with state variables. As the state variable updates, the component re-renders. Notes referred to in the video: docs.google.com/document/d/1e66kWWlEM7as5Kw_6dzUs2POrDIkESHES0ROWIsyIZU/edit?usp=sharing
L5: Expo Icons
Просмотров 1714 дней назад
In this lesson, I show how to search for and use Vector Icons from the Expo library. I then show how to create a custom component for an Icon that can be reused over and over. Notes referred to in this video: docs.google.com/document/d/1-9D52lfFtsjVCUDor34aKEOdCLCce-NPrNX8MdEiKtM/edit?usp=sharing
L3 Part2: Continue Alert component, Images
Просмотров 2514 дней назад
This video finishes the rest of lesson 3 notes and goes into a more advanced usage of the Alert as well as several ways to include images. Lesson 3 notes: docs.google.com/document/d/1VrR9Un6PpOyZXOiAmT6hTFoF81rt-JeJ8UQq1fq314s/edit?usp=sharing
L3 Part 1: Button, Touchables, Alert
Просмотров 2414 дней назад
This is the first part of the Lesson 3 notes detailing how to use the Button, TouchableOpacity and TouchableHightlight, and the Alert function. Follows these notes: docs.google.com/document/d/1VrR9Un6PpOyZXOiAmT6hTFoF81rt-JeJ8UQq1fq314s/edit?usp=sharing
L4: Creating a Custom Component (Part 1)
Просмотров 2928 дней назад
In this video we will learn how to create our own custom component (MyButton) This video is similar to these notes: docs.google.com/document/d/17d4pHPyi3a7wforY2qa_UJ3_iTR8ezNCzoPSMODiaxY/edit?tab=t.0
L4: Creating a Custom Component (Part 2)
Просмотров 6828 дней назад
In part 2 we will look at adding other props to our custom component, default values, and how to add this component from another screen. This video finishes with the topics in these notes: docs.google.com/document/d/17d4pHPyi3a7wforY2qa_UJ3_iTR8ezNCzoPSMODiaxY/edit?tab=t.0
L2: Flex, Margin/Padding, Arranging Views
Просмотров 30Месяц назад
In this video I explain different concepts for Flexbox, how to arrange different elements in a row/column, how to use padding and margin, and also general tips when arranging a screen layout. Lesson 2 Notes: docs.google.com/document/d/1f9_DFGwxmQ_Nx8iozIrBANccyazhIDdqFhIMSJ3i99o/edit?usp=sharing
L1: View, Text, and StyleSheet
Просмотров 25Месяц назад
Getting started with basic components View, Text, and Stylesheet Lesson 1 Notes: docs.google.com/document/d/1YiuqZ_6xnwyGWctdWmIeCGmU5vrSQZ3G3qzZJOvUSd8/edit?tab=t.0 Stylesheet Syntax: docs.google.com/document/d/1-vgpoqkTBLuWma6OQJkpyrn-t1yRIgS5vJ8rKo-SYuc/edit?tab=t.0
Installing Expo CLI, making an app, running the app
Просмотров 102Месяц назад
Installing Expo CLI, making an app, running the app
Setting up VS Code and downloading Node.js
Просмотров 79Месяц назад
Setting up VS Code and downloading Node.js
NSML Fr Number Bases Simple conversions between common bases
Просмотров 213 месяца назад
NSML Fr Number Bases Simple conversions between common bases
NSML Fr Number Bases (Multiplying in a different base)
Просмотров 333 месяца назад
NSML Fr Number Bases (Multiplying in a different base)
Freshmen NSML Quadratics Notes (Part 2)
Просмотров 46Год назад
Freshmen NSML Quadratics Notes (Part 2)
Mrs. Denna - OSB 22 - Overcoming the "Hardest Thing"
Просмотров 1262 года назад
Mrs. Denna - OSB 22 - Overcoming the "Hardest Thing"
Nice, waiting for the next lesson.
Two more videos posted tonight, and a few more by the end of the week. I'm glad you're finding them helpful!
hey shannon. love the way you teach! will there be more of this series? thank you!
Yes, I am adding them as I finish my classroom prep for the semester. I just added three more videos tonight. I am glad you are finding them helpful!
thank you very much! I'm from Brazil and your video save me. Thanks! My English is very simple but your channel help me very very much.
We loved this video too!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
We loved this video, Mrs. Denna! Thank you!!
This was very helpful. Thank you. Excellent Work
Thanks mam
are you something bro
Great presentation
Helpful . Thanks ❤
Hi if someone else creates the project, then how do I download the whole project so that I can work on the project and commit thereafter?
8:00
Thanks
what a great vibe
Thanks, this was helpful
very usefull
Very helpful tutorial. Thank you!
Such a sexy woman 🤤
You are awesome!!!
Thank you so much!
thank you very much
This has been so helpful, thank you so much!
I installed this and it only gives something like 45 minutes of coding with someone.
Thxs …nice video…I want code together for my project
excellent video, just what I needed!
Great!, Thanks for the demonstration, its very useful ! :D
We love you Mrs. Denna!
Thank you Mrs.Denna
Thank You!
H 0 J I N No Problem
Great stuff!
I agree
Our school doesn't use our teacher webpages anymore unfortunately. We use schoology now to share information with our students. Was there something in particular you needed to find?
At 14:53 there is an error, I forgot to change the solution on the slide to reflect the problem. The work is correct 8*(210*pi/180) and the solution should be 29.321. I will correct this, but probably not this weekend.