#in normal syntax and arrow syntax. and they were like 'normal syntax and arrow syntax do the same thing ^_^' COOL THAT'S NOT WHAT HE ASKED
Explore tagged Tumblr posts
Text
100 days of code - day 17
01.11.23
Objects
Today, I read an article about JS objects, that are associative arrays with key: value, like hash_maps. The key will be basically be treated as a string and the value can be of any type, including another object. They are declared inside { ... } like so:
The values can be accessed in two ways, dot notation and square bracket notation :
The first one is simple but, the second one is more versatile, and can accept variables as input, like so:
Arrays
Also, I studied some Array methods, they were, filter, map, sort, reduce;
All these methods use a feature that I kinda had fear, callback functions, that is passing functions as parameters ☠️. I have used something similar in C, and it looked like dark magic, but in JS it is as simple as passing a normal variable as parameter.
And the syntax with arrow functions can look a little messy in the beginning, but when you get used to it, it kinda looks pretty.
Well, these array methods that take callback functions will iterate through each array index and call the callback function with the value of this index.
I think that the .map method is the simplest to understand, it will call the function on each value as I said and return a new array with the return from all the callback function.
The map can also be called like this, with arrow function:
Output:
That's it 😵💫, today I wrote a lot 😅
Again, this was supposed to be posted yesterday, but I was sooo sleepy that I couldn't even think.
Also, I was thinking about trying to write these posts in the morning rather than at night, of course I'll write about what I did in the day before, but maybe I'll continue to use terms like "today I did" instead of "yesterday I did", because I think it fits better.
#day 17#100 days of code#100daysofcode#codeblr#programming#progblr#studyblr#computer science#Rust#1000 hours#code#100 days of productivity#100 days of studying#software development#100 days challenge#tech#javascript#html css#coding
64 notes
·
View notes
Text
signed up for a workshop on a web development thing i wanted to learn about but now that im here its so painfully obvious these people don't have the slightest idea how to teach
#star.txt#all their instructions are leaving out so much information#'this is a git command that'll let you clone a repo' ok what is git. where do i put this command.#say 'git bash' out loud with your mouth. tell me what git bash is. then tell me what cloning does. tell me what repo is short for.#My Fucking God. They dont know how to teach#and this isn't going into overly excessive detail they gave primers on a bunch of stuff this is very clearly a workshop geared towards#people who have ZERO experience with git and all the other stuff we're using. they have no fucking clue how much advanced shit they're usin#they intro'd javascript and arrow functions and someone was like wait can you like... show us the difference between a function#in normal syntax and arrow syntax. and they were like 'normal syntax and arrow syntax do the same thing ^_^' COOL THAT'S NOT WHAT HE ASKED#write an example function in function name() format and then write the same function but in arrow format.... girl cmon#you have to be stupid exhaustive!!! girl!!! what is this!!!!!
6 notes
·
View notes
Note
heyy can u make a syntax x reader who dislikes insects when u open ur requests (Im writing this because I'll probably forget this idea 🙁)
like
"Wtf a huge spider dude💀??"
"Im not only a spider Im a INTELLIGENT spider."'
yea yea ofc! Syntax is literally getting so much fame right now im loving it <3 Roughly 4k oneshot, i got carried away lmao, enjoy!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
SYNTAX X READER
Lego Monkie Kid
Context: You, Mei, and MK had originally planned to spend the day at the Dragon Arcade by yourselves, and yet fate always has a different plan for you. And it never fails to drag in the things that make your skin crawl. Lucky for you, this spider isn't as scary as he looks - and he's got a knack for cheating arcades out of their stocks.
CW: None!
‧˚₊꒷꒦︶︶︶︶︶꒷꒦︶︶︶︶︶꒦꒷‧₊˚⊹‧˚₊꒷꒦︶︶︶︶︶꒷꒦︶︶︶︶︶꒦꒷‧₊˚⊹
"Almost . . . there!"
You and MK smoosh your faces against the glass covering as Mei, focusing with all her might, delicately lowers the crane and clamps the metal claws around a soft dragon plush.
Beads of sweat are actually visible on her face. "C'mon . . ."
"Oh! Oh! You got it! It's right there!" MK gasps, pressing his face even closer.
Your eyes grow starry. "Careful!"
Plop!
The plushie bounces into the winner's pit and the three of you let out a simultaneous shout of victory, jumping with your fists to the sky. Beaming, Mei fishes out the stuffed toy and holds it out, grinning proudly. It's green, with soft accents, a yellow, segmented belly, and curled white horns; you run your hand down it's back and confirm the softness you'd been expecting, your fingertips leaving off at the thin, spiked tail.
"God, it's even cuter in person," Mei gushes, squealing and hugging the animal close.
MK finger guns. "Well, considering it was just made for you . . ."
"We couldn't just let it sit there all alone," You finish.
The dragon-horse girl snickers, adjusting her back-pack so the plushie could sit within with it's head poking out. With that, she whips out another set of arcade coins and hands them out to you and MK.
"Now let's splurge somemore!"
And you do.
It's brilliant. The three of you had been saving up all fucking week for this, pushing aside assignments and meetings and gatherings because really, you all earned this.
MK and Mei needed a break, and you were willing to accompany them. What better place than the Dragon Arcade?
So for a good fifteen minutes, you parade through the arcade, testing out all the games and winning prizes in some. Your backpacks are slowly getting heavier with all the loot you're dragging in. Honestly, there's so much to do; Mei and you race on the motorbikes that connected to a large screen; MK and Mei have an epic air-hockey match that good ol' monkie man eventually won; and the three of you get brain freezes from drinking your Slurpee's too fast.
The chaos lasts for so long, in fact, that you barely register it's only been fifteen minutes. Unfortunately, after that time is up, you're plunged into a different scenario.
It happens while you're charging up to spin the Big Bass Wheel, something which you've never had much luck on. MK and Mei are currently attempting to secure a pair of headphones at the machine behind you, so they're occupied.
But tonight, you'll chance it.
Rolling up your sleeves, you take a breath, grasp the handle firmly, and push with all your might down south.
The wheel is forced into motion, becoming a blur as it spins.
You wait with baited breath, not expecting much, but the adrenaline from everything you've done tonight is getting to you, making you dare to hope . . .
Eyes wide, you watch as the arrow points . . .
To a hundred tickets.
"Not bad," You mutter, because it's honestly a solid victory. Normally, spins land you on something fifty tickets or lower.
A smile breaks your features, which are alight with the glow of a thousand arcade accents. The machine begins to spit out a stream of tickets, and you crouch to start collecting them. Mei and MK don't notice your victory, but they sure will when you insert the tickets into the counting machine.
Someone stops by the machine, hands in the pockets of their black tailcoat.
"Not bad."
Their voice is deep and accented, slightly nasal.
The glance you spare in their direction is too quick to properly collect any data, but you're smiling too damn hard. "Ha! That's exactly what I said. This never happens to me."' The glance you spare in their direction is too quick to properly collect any data, but you're smiling too damn hard. "Ha! That's exactly what I said. This never happens to me."
"Some say machines like this are rigged," the person continues, watching you roll up the tickets. "But I never believed them."
When the game spews out your final reward, you straighten.
"Honestly, same. I . . ."
But that's when you finally breach their features.
Your arms tighten instinctively around your prize as you lock eyes with green, dilated pupils. Slowly, you stare at the sharp green forelocks that curve around his forehead, at the lavender shade of whatever skin is visible through the coat he's wearing. You swallow dryly, seizing up.
"I-I gotta go."
The figure tilts his head, pencil mustache framing his mouth as he frowns. Eyebrows furrow as those same green eyes flash with realization, and he walks off without another word.
You're speed-walking to Mei and MK's station, utterly petrified.
You'd been frozen with fear, surprised that you'd been able to manage those few words of absence.
That was no ordinary man.
That was a spider demon, and it sent chills down your spine.
MK is the first to notice your distress, despite how aloof you try to make yourself appear when approaching them. "Yo, welcome back! Something happen?"
"No! No, I just want to go home, like, right now," you say firmly, heart still thumping hard.
Urgh. Spiders.
The dragon-horse girl snorts, glancing at her phone. "Uh, dude, it's only eleven. Why not camp a few more hours here? MK doesn't have work tomorrow because I literally begged Pigsy to finally give him a day off, which he never gets. Which, I'mma add again, is not normal for an employee, MK," she adds, eyebrows raised at her friend.
The Monkie Kid puffs a sigh. "I gotta make a living, right? Besides, that's not the point." He turns to you. "Why do you wanna leave?"
No guilt trip. No aggressive questions.
He's just curious.
It has your wall crumbling to dust, and you lean forward so you can whisper to them. "Look, I may or may not be deathly afraid of spiders and I just saw a fucking spider demon and I know you understand that, MK. He's literally right over there-"
You point in the general direction you saw the spider demon walk off in.
Mei looks over your shoulder, expression unconcerned. "He's still there, y'know. Look."
With that, she spins you around.
There he is, five machines down, his back towards the three of you. Now, you can clearly see his lime green hair, and purple skin peeking through the cuffs on his wrist, a defining feature of spider demons. You swallow nervously again, stiffening up like a statue. Mei clearly notices this, for she snorts again.
"Oh my God, you're just like MK! Dude's terrified of them."
You spare a glance at your friend, who looks equally uncomfortable at the news. But he meets your gaze nonetheless.
"Whaddya say to him?"
"Before I realized what he is? Oh, lots. But I couldn't say shit when I did realize so I just shot the hell out of there," you scoff, biting your lip guiltily. It was a bit rude of you, now that you think about it.
"Well, why don't you go talk to him?" Mei suggests.
Both you and MK turn on your friend with wide eyes. "WHAT?!"
Her hands shoot up in mock defense, smirking. "All right, I get it. You're afraid of the big bad spider. But 'shooting the hell out of there' sounds a bit careless. Poor guy's probably got the feeling that you hate his guts."
You gape at her. It's exactly what you were thinking.
"Whoa. That is a lot of emotions you got packed in there," MK wonders, peering around you with wide eyes.
"Oh my God, shut up."
He grins, albeit a little nervous, keeping a close eye on the spider demon in the distance. "Kay, I get it. But maaaaybe you should go apologize, at least? You owe him."
"He's a stranger," you huff.
"Okay, then you owe me," MK puffs, triumphant.
"What for!??"
The Monkie Kid flashes you a wink and a cheesy grin. "I'm not gonna say in front of Mei, but you know exactly what I'm talking about."
Oh.
You do.
It gets you red-faced with anger, despite Mei's curious look at both of you. Squeezing and un-squeezing your hands, you take a deep breath, glance at the lone spider demon, and back at your friends. They look encouraging enough. All right. You'll apologize. But then you'll get the hell out of there. Spider demons are no different from real spiders.
Without any real conviction, you sigh. "Hhhh. Fine, fine."
"We'll be right over here," Mei says mysteriously, draping an arm around MK's shoulder and edging away. She gestures dubiously behind her. "Call if you need us, kay?"
You eye her suspiciously. "Yeah, all right."
Then, you face the stranger.
He doesn't look up when you approach him, but you know he senses your arrival. Spiders always have a strange sense. Urgh.
When you're three feet away, you cough. "Um. Hi."
The dude is currently playing Pac-Man, lavender fingers gripping the rubber rod while his other hand presses the keys. He's focused, but not entirely, as though bored by whatever antics the machine extends to entertain him. You're honestly curious behind his motives for playing, which is the sole reason you draw an inch closer.
A flash of green, and his eyes are suddenly locked on your figure, narrowed in speculation. You freeze for a moment, holding your breath. But then, his attention returns to the game.
Okay.
So technically, this means you're not unwelcome.
"Pretty dated for a techy-looking guy," you venture, clearing your throat. "Pac-Man, I mean."
He doesn't look up, expression obstructed by the lock of green hair in his face. You consider backing out, even going so far as to look around for an escape rout - but then you see two idiots spying on you from behind an arcade machine a distance away. Your two idiots.
Mei and MK give you a thumbs up.
You grit your teeth, eyes wide to indicate your distress and frustration, but the two reply with smug smiles.
Oh, those two-
A burst of noise distracts you from glaring at them.
Blinking, you turn your attention to the ticket dispenser for the Pac-Man machine, which is currently spewing tickets at an alarming rate. With an equally astonished gaze, you look up to the spider demon, catching the flash of pride in his eyes.
What. Had. He. Done.
How does one even attain tickets from a game like this? And that many? That's got to be at least two hundred-
The spider demon moves on to the next game, tickets collected.
You gape.
"Wha- how did you- wait, nevermind, I'm not here to oggle-"
Composing yourself, you tag along with a newfound curiosity, watching the man zone into another game, eyes laser focused on the screen.
Or so it seems.
He suddenly glances at you again. "Ah. You're still here?"
"Did you break that game just then?"
You can't help those words, they tumble from your throat like traitorous ropes of doom. They tether you to the ground, making any escape rout an impossibility. But the spider demon is unphased by your question. He doesn't even take offense, merely treats your curiosity as one would a child's wild fantasies.
"No. I hacked it."
Simple. Straight to the point.
It snaps you back to reality, that you still have to apologize, because two idiots made you do it and you really do feel sorry. You'd caught that look he'd given you earlier.
Like he gets that reaction a lot, and he's tired of it.
You could say something stupid and do something equally so, like lean jauntily against the other arcade game and say, "Come here often?"
Thankfully, you're not.
You just clear your throat awkwardly, which is close enough. "Were you surprised, then, when I spun that wheel?"
"Yes. You can't breach the mechanism of a wheel electronically."
You have a funny feeling 'you' meant 'him'.
"Huh."
He pauses. "Come here to pass more judgement, then?"
The simply accusation lays bare on your guilt and you fiddle with your jacket, sorely reminded of the look he gave you. You spare a glance at your friends, who're thankfully still positioned by the arcade game. Heads bounce up and down in nods of encouragement, and some of your strength returns. Sure, he's a spider demon. But he looks somewhat human, so maybe this can work.
"Sorry," you mutter, eyes on the floor. "I didn't mean to be rude back there. You just startled me."
"You weren't startled by my approach," he says, sounding expectant.
"Your appearance startled me," you amend.
Something lights up in his eyes, something that says 'ah, there it is'. A flicker of a smile flashes across his face before his eyes dart up to meet yours and the look is gone, replaced with indifference.
"Does it have something to do with my reputation?"
His words resonate within you, sparking curiosity. What reputation? "Ah- no. I'm just not very fond of spiders."
He seems to notice you didn't include spider demons.
"Well, then, it seems we are at an impasse. I came here to indulge in the many bargains the Dragon Arcade has to offer, yet it seems my company is unwanted."
You blink, looking up.
"Oh! Not unwanted, per say, I didn't come here to make you leave-"
The words grow still on your tongue when you catch the look in his eyes. Something that tells you this stranger is joking with you.
Huh.
Maybe this can work.
"Ticket-trader is gonna be real suspicious about your haul," you venture, glancing south to eye the spider demon's ticket stash, strands peeking out from under his coat. The man regards you with an unbothered expression, absently messing around with the arcade game.
"Is it safe for me to say I'm suspicious about your sudden shift in behavior? You're afraid of spiders, yes?"
You swallow, shrugging politely. "Yeah, fair point."
He nods, expecting your reply. What you don't see is that he's whipped out a mechanical device on his wrist and is tapping away, hacking into the arcade game at hand.
In a moment, your left leg is suddenly hit with a spray of tickets.
"Whoa!" You gasp, recoiling.
Another pile of bounty, probably 200 strong, tickets flowing well past your angles. And the dude just rolls it all up like it's nothing, stashing the rolls away once he's done with them. You can't help but stare at this stranger who's taken your breath away in more ways than one.
But then . . .
You spare a glance at Mei and MK.
At where they once were.
Your heart, surprisingly, doesn't stop when you notice their absence. Instead, it opens up a new opportunity, one that has you whipping out your phone to sent your friends a text.
[Feel free to head back without me, I might be awhile.]
Then, you turn to the spider demon stuffing tickets in his coat.
"You're going to put this place out of business if you keep this up," you joke half-heartedly, shuffling awkwardly on your feet.
The spider demon shrugs. "Everyone has to make a living somehow."
"True. You could be doing worse."
"Very true."
You bite your lip, not liking the dead end this conversation is headed in. With a small gesture of the shoulder, you bite your lip. "Why don't you spare the arcade the trouble and spend your time bowling? There's a bowling center on the upper level not to far from here."
A pause, as the man collects his haul of tickets. You wait with baited breath, palms sweating.
Suddenly, he locks eyes with you. "Are you hinting your eagerness to continue this conversation, then? Over a round of bowling?"
Some part of you wants to say it. Say no.
He's a stranger.
Even worse, he's a spider demon.
You can still walk out of this unscathed, you can walk away right now-
But your feet don't move, and the words never leave your mouth. Instead, you further your offer with a dubious shrug. "I'll pay," you say politely. "I'd like to apologize, anyways."
"You already have."
"If it's okay . . . you never actually accepted it," you say, smiling.
At that, the man's eyebrows shoot up, and the tiniest of smiles tilts his lips upwards. Just slightly.
"Fair enough."
~~~
One bowling round later and two cups of grape juice, you're at it again with the largest, heaviest bowling ball the staff has to offer.
Your companion, a deadly spider demon, eyes your prize warily.
"The medium fit you best."
"And where's the fun in that? You said you were a scientist once," you fire back - albeit generously merciful with the mirth (he's a stranger, after all); "Don't scientists love to experiment?"
Said scientist cocks a brow. "If a scientist knew what worked best, they'd stick with that, not try something new."
"This is bowling. It's different."
With that, you lug the ball forwards, eyes on the stack of pins at the end of the runway. Your target. Your unaware and innocent victims.
You take aim, and fire.
The ball is so fucking heavy that you have to roll it, merely giving the object a good, hard shove. Standing up, you eagerly watch the ball snail its way down the path, veering left.
And it promptly falls into the gutter, the true dead end.
You turn to find the spider demon's eyes boring into yours; he'd totally expected that.
"That's a turkey."
"Let's see you do better," you dare to say.
He merely shrugs, brushing past you as you flop down on the couch. Everyone else had vacated the bowling area - possibly the whole Arcade, as it's currently 2am and not everyone ignores their sleep schedule like the plague. Since this guy hasn't complained, you feel he's in the same boat as you. Partying till you drop.
Where Mei and MK are, you don't know. But they'd sent to texts a minute after you told them the news.
[GOOD LUCK! But why a spider demon??]
[IF YOU DIE CAN I HAVE YOUR T-SHIRTS WITH THE PRINTS]
MK and Mei, your idiots who you'd literally die for.
You're going to kill them.
With kindness.
Maybe.
Smiling to yourself, you watch the spider demon carefully select a bowling ball, slip three fingers into the holes, and approach the bowling lane. Eyebrows knotted, mouth in a tight frown, he takes aim and swings the ball off down the lane.
It slides with speed and grace, something you're seeing quite often in your rounds of playing with him.
Strike.
You look up at the score.
10 points added to his already 200 strong score.
You sigh.
"Do you play bowling often, or are you just a natural?"
"Why? Seeking a trainer? Is that why you stalked me like the plague?" He says indifferently, but you catch the underlying tease in his tone.
It has you smiling. "I won't waste my time."
"Ah, I see. You're still afraid of me."
"Why would I be? You've proven yourself to be something of human descent, although I still haven't figured you out yet," you hum.
He blinks. "Something?"
"Someone, I meant some- Oh, for God's sake, it's my turn and you know what I meant," you scoff, tempted to elbow past your companion, but you refuse. Despite your demeanor, you really do want him to accept your apology, which you've tried and tested again and again.
He flashes you a shark-like grin. "That readable, am I?"
"Yes," you say, nodding. Picking up a random bowling ball, you walk backwards to the bowling lane, eyes on him. "For this, at least. You still won't tell me how you came to be such a purple-clad demon."
The scientist frowns. "You do realize backstories are normally saved for people invested in extending a relationship, yes?"
"Aren't I, with the bowling?"
You toss the ball.
The man sidles up to you, both your eyes on the prize as it rolls down the lane. He knows you're joking. That you've amended to respect his personal space and not pry, but messing around is just something you can't resist. Funny how you've eased iup so well around him - and vice versa (he's smiled twice).
"I would've chosen something other than bowling," he ventures.
"Like . . ?"
"That would mean meeting up again."
You regard him with a deadpan look, eyebrows shooting up. "Once again, I'm not that worried about you suddenly spinning me into a web and devouring me inside-out anymore, okay? Whaddya have in mind?"
That same smirk is your reply. "My, my. What a sad little human you are, to stoop so low as to associate with your deepest phobia."
"I have worser phobias."
"Worser isn't a word."
"My friends use it all the time, and the more something is repeated the truer it becomes," you retort.
The spider demon meets your gaze coolly. "Oh? Those 'friends' who spied on you for fifteen minutes before succumbing to boredom and vacating the premises?"
"They were protecting me," you say, voice softening.
He snorts - actually snorts-, and the sound is astonishing to hear. "Well, then you should be very grateful."
"Yeah, they're pretty fun."
You hadn't even realized you'd gotten a strike. All you did was observe the spider demon's hand movements and attempt to mimic it. Maybe you really do need a trainer.
The scores finalize, ending the second round with your companion as the victor. Really, there was no competition; this guy's a natural.
"Good game," you say suddenly, glancing at the time.
2:30am.
The scientist follows suit, glancing to the stairs. "Agreed. Shall we?"
"Sure."
Damn, and you were having so much fun. Talking with a stranger really helped you loosen up, and it seemed like he'd had the same benefits. The both of you travel down to the lower level of the arcade, talking all the while. The only people who are left besides you two are the arcade employees, cleaning up after messes made by friends and family.
At the end of your journey, the two of you are standing outside the Dragon Arcade, looking out towards traffic. Thank the stars you'd driven here in your own vehicle or you'd have a hard time getting back home.
You could always ask dearly demonic spider at your heel, but that's a possibility for another time.
Facing him, you offer a smile. "That was fun."
"Indeed."
You eye his indifferent features, his own gaze directed ahead of you, on the cars passing by. A slight frown takes hold of you. "I just realized. You never actually accepted my apology."
Brilliant green eyes lock on yours, and the spider demon offers a wry smile. "Wasn't it obvious?"
"Sorry, I'm terrible at taking hints."
A lie, sure.
But you sort of wanted to hear him say it, to soothe the ache of anxiety in your chest. Something your companion seems to realize, too, as he straightens after a pause.
"Well. Apology accepted."
Your smile returns with a will. "See? Wasn't that hard, was it?"
"Don't overdo it," he grunts, avoiding eye contact.
"Gotcha. Well, I'll see you later, then," you say, stepping backwards, as if this is your cue to leave. And perhaps it is; there's no reason for you to stay in the cold, standing for nothing with this stranger. "Drive safe, yeah?"
He nods, making no move to his car. If he'd brought one at all. "You as well."
You turn around, keys in hand.
Along with it, a slip of paper you'd forgotten to give the man during your bowling rendezvous. It almost slips from your grasp to join the wind blowing by, but you catch it quickly.
This paper.
That man. You hadn't even gotten his name.
You're halfway to your vehicle when you suddenly spin around and sprint back the way you came. You spot him walking in the opposite direction and cry out.
"Wait!"
He spins around.
Oh, how the tables have turned. Now it's his turned to be startled.
You skid to a halt in front of him, puffing out short, uneven breaths. Weakly, you grasp his hand. "Sorry, I just . . . I-I never got your name!"
A long, striking pause.
The man clears his throat. "You wish to know my name?"
You peek up at him, still breathless.
"If that's okay?"
After another slight pause, the scientist rubs the back of his neck rather than look at you. "I don't see why not. You can call me Syntax. And what of yours?"
"Um . . . I'm (Y/N)."
Your breaths mix in a cloud of adrenaline and calm, peace within the storm. Syntax smiles warmly. "A pleasure, darling."
Darling, darling, darling.
Your face catches fire, body going quite still.
Then you're turning away before he, before Syntax can question it further. "N-Nice to meet you! Bye now! Drive save! Goodbye see you later!"
And you're running, grinning like an idiot, towards your car.
He's gone by the time you turn around, breathless at the driver's door. But you're content with the knowledge that you'd squished that small slip of paper into the palm of his hand, your name and phone number scrawled in pen on the surface. He'd caught it, he'd read it (on the roof of some distant building), and fifteen minutes later, you get a text from an anonymous sender.
[Remind me to thank your friends for the headphones they forgot at the claw machine.]
Oh, you just know you're going to love this guy.
[Will do, Syntax]
#lmk#lmk oneshot#lmk syntax#syntax x reader#fluff#first meeting#breaking news: arachnophobia claimed null around handsome spider demons#y'all can rest easy this is the fun train not the trauma train#y/n respects syntax personal space#lmk mk#lmk mei#long post#fluffy
60 notes
·
View notes
Text
Thief’s Apprentice: Popular Fiction in Surenia
As many revenants no longer have the mental faculty to keep track of stories and reality at the same time, these stories are mostly for the living to rationalise their plague-ridden surroundings. Common themes of the oldest and most well-known stories are escaping the plague and love that lasts after death. These stories usually follow someone as they travel across Surenia, and serve as escapist fantasy for bedridden plaguebearers as they look forward to all the travelling they can do as revenants and wait to die.
CURE QUEST
Hearing of the revenant plague spreading to their kingdom, instead of hoarding food and barricading themselves in fortresses like neighboring kingdoms, Prince Orto and his mother Queen Mavia set out to investigate the cause of the plague and find a cure with their court mage Ovid. The story is allegedly the writings of Ovid himself as he recorded their adventures, but Cure Quest is so fantastic and implausible that most people now believe it’s complete fiction.
The basic story structure of Cure Quest is Ovid receiving cryptic messages from the Gods to guide the Prince and the Queen, then they encounter a weird guy in the wilderness that Prince Orto fights and/or befriends, then they rescue a town from some disaster and are allowed to rest there in thanks, and then Ovid finds some town specialty herb or potion that alleviates the plague a bit, but doesn’t totally cure it, so they have to keep going, and then they get captured by another kingdom or mage or giant gryphon that is too strong for them to beat, then Queen Mavia sings their captors to sleep or distracts them while Ovid comes up with an escape plan. By doing this many times, they eventually build up a huge procession.
There are many versions of Cure Quest, but they all feature Prince Orto making friends with wandering knights with extremely specific superpowers, such as a knight who can eat mountains of food, a knight who can steal anything that can fit in the palm of his hand, a knight who draws blood every time his sword is unsheathed, a knight who can turn into a flock of sparrows, etc. Most versions of Cure Quest are also known for huge epic battles between the royal knights and hordes of insane revenants, knights of rival kingdoms, monsters, and evil mages.
However, there are also Cure Quest versions that address how a plague-ridden land can’t realistically support full-scale wars all the time, so the problems are instead solved with cunning tricks, political leverage, and magic.
In all versions of Cure Quest, the royal procession follows Ovid to The Fountain of Life, which can cure any disease or injury, but the Gods have led them to the end of The World. It turns out The Fountain of Life is on a separate land mass floating off the edge of The World, and while everyone is deciding how to get there, Prince Orto becomes impatient and jumps off the edge, but he misses and falls through space for all eternity. The rest of the procession builds a bridge to The Fountain, but as soon as they all cross, The World flies away.
It’s widely believed that Cure Quest originated from Beringians in Surenia, since knights and dedicated soldier classes in general don’t exist in local cultures, and the effects of plague described in the story are hilariously wrong. Some people believe Cure Quest must have been first spun in the early years of the plague when people didn’t know exactly how it worked and genuinely had no idea revenants could be sane and articulate. Since different locations in Surenia are mentioned in many versions of Cure Quest, there is much literary debate over which city produced the earliest version of Cure Quest.
This story is the most popular among the living and not very well liked among revenants because all of the named characters are alive and all revenants are mindless shambling wrecks. However, the continued popularity of Cure Quest comes from there being a version anyone can enjoy. Children are told the version where Prince Orto is their age and Mavia is a beautiful young queen, and everyone aside from Orto, who was too impatient, got to live on an amazing new World. Once they outgrow that story, they can find another version where Prince Orto is a callous Machiavellian adult and Queen Mavia is wise and elderly, and they finally accept the plague has no cure, so they kill themselves to become the revenants they once so reviled. And if there’s no version to you liking, you can always make your own.
Most Surenians see leaving The World as a metaphor for death, and Prince Orto missing The Fountain as a metaphor for those who die before their time and go mad.
Muireland has coopted Cure Quest as an embellished retelling of their own kingdom’s founding and claims jumping off the edge of The World is a metaphor for establishing a new homeland on the edge of sea cliffs, and their own royal family is descended from Queen Mavia.
Despite getting blown up and occupied by Gehennans, many Veilheimers are still struck by, “Wow! Real Prince! Real knights! This is just like Cure Quest!”
WANDERING GONOT
He wakes his shirt covered in dirt and thinks, “How rude to pitch dirt upon a sleeping man! Dare they do this to I, the... I... know not mine own name.” A wooden signpost reads GO NOT. PLAGUE LAINS HERE. “Lo! My name. Gonot... Plague... Lainshere. I do not like the middle part! Bolfred Miller be called Bolfred Cheating Miller, but his name be not Cheating though he be cheating. A fool’s title on us both. My name is Gonot Lainshere.”
Gonot stands and leaves and sees a milkmaid. “Holla maid! There be dirt on my shirt, but not on my heart. Knows you the-” The maid cries like a hawk and runs. Dirt on a shirt be so vile? Gonot bends to clean and Horror! Skin is flaying off his legs! Nails torn from his fingers, but not a drop of blood! Bowels spilling from his belly! Gonot is dead! He is walking and speaking but he is dead!
Gonot is chased out of town with torches and pitchforks and wanders aimlessly around Surenia, getting into shenanigans and witnessing all sorts of interesting things. Wandering Gonot is a very relatable story about one of the first sane revenants figuring out basic things that every modern revenant knows, like seeing through solid objects, eating, or kitbashing your own metal prosthetics.
Unlike Cure Quest, there is only one version of Wandering Gonot written over 600 years ago. Some attempts were made by other writers to add to the story, but the syntax and style of the original writer are so distinct that imitations are easy to detect. Wandering Gonot is historically important because it’s set when Surenians were most afraid of the plague, now that symptoms and epidemiology were better understood, but revenants were not. Earlier stories in Cure Quest had knights charging fearlessly into combat with supernaturally strong revenants that caused crushing bruises with the slightest touch, but by the time this story was written, it was known that massive inexplicable bruises were the first sign of plague infection, so Gonot empties towns and ends battles just by showing up. This time period is also significant because there was once so many people that Gonot could find a new town after one day of walking, but now revenants could wander for months and not encounter anything but thousands of miles of wasteland.
After wandering Surenia, barely holding himself together, trying to make friends, and killing thousands by accident, Gonot gets hit by a mudslide and sinks to the bottom of a lake, which dries up and traps him underground, so Gonot decides to Lainshere until the lake floods again. The story ends with a plea for the listeners to make their communities kinder and more peaceful so when Gonot wanders again, he won’t have to suffer.
Gonot probably never existed, since he is written as too preoccupied and destitute to record his own travels or tell them all to someone else. It’s believed that another early sane revenant wrote Wandering Gonot as a compilation of real events that happened to many different sane revenants in attempt to prove their sanity and humanise them to the hostile and suspicious living. It worked, because the story has been preserved for all this time, and the living like the story because it makes revenants funny and understandable, and revenants like it because many of Gonot’s struggles match their own. Most city dwellers, living and dead, are grateful because they don’t suffer from lack of basic understanding like the characters in Wandering Gonot do.
Although Wandering Gonot is meant to be funny, many stories have an undercurrent of inescapable loneliness, such as “Priest of Harus” where Gonot meets another sane revenant but he’s a High Priest of a different God than he prayed to, so they could never be friends, and “Bone Mare” where Gonot finds a horse revenant and tries to catch it, but no matter what it always runs faster than he can so it slowly gets smaller and smaller in the distance until it disappears, except for one extremely divisive story that has since spun off into its own separate thing.
MERCIFUL DEATH
Gonot is hanging out in an orchard after harvest, because it’s a nostalgic place close to civilization, but nobody is there because all the remaining fruit is rotten. He sees a living maiden in a tree and tries to leave before she sees him and raises the alarm, but she isn’t afraid, introducing herself like he was any normal person. Gonot climbs the tree and has the first conversation with a living person he can remember. Goblinder asks how he was able to stay sane, then asks Gonot to strangle her. It is her town custom for plague bearers to do penance by starvation, and once they know she has the plague, they will wall her into a room. Goblinder would rather die quickly at the hands of a stranger than slowly by the hands of her friends.
Gonot doesn’t want to strangle her, so he pulls an arrow out of his back and stabs her in the heart with it. After Goblinder dies, Gonot climbs down and thinks about how plaguebearers are like rotten fruit because nobody wants them, and sane revenants are like good wine because it is a rare state that not all rotten fruit can reach.
20 stories later, Gonot encounters a sane revenant with an arrow sticking out of her chest. It’s Goblinder.
Although the original story wasn’t explicitly romantic, a lot of motifs from it, such as a heart pierced by arrows, fruit wine, and being in a tree with someone, became symbols of romance. There have been several rewrites and expansions of Merciful Death, usually with Goblinder deciding to travel with Gonot after either their first or second meeting. The archetype of a revenant killing someone begging for death and later falling in love with them was used for countless other stories. One Merciful Death subgenre exploded in popularity 300-400 years ago, because this was the time Veilheim was finally prosperous enough to support fine art and literature, and also relationships between the dead and the living weren’t taboo yet.
One Merciful Death rewrite in this subgenre became so popular that it superseded the original and when people talk about Merciful Death, it’s usually in reference to this one. In this version, Gonot is a Gore Mage royal doctor and Goblinder is a Princess, and instead of everything being over and done in a single conversation, Gonot agonises over whether or not to kill Goblinder and what it means for her kingdom to lose their last heir while trying not to think about what she means to him, and Goblinder tries to live what remains of her life by taking scented baths, suffering elegantly from plague, hunting, and throwing huge parties while screaming inside because she truly doesn’t want to die. Whenever they meet, Gonot tries to stay professional while Goblinder tries to act resolute. After several emotional breakdowns and dramatic confessions, Goblinder finally loves Gonot enough to trust him to kill her. What tragic heartbreak! If Goblinder didn’t love him, she could yet live! Gonot uses Gore Magic to pull all of Goblinder’s blood out of a few small cuts so she can die painlessly.
Gonot is depressed and wandering aimlessly outside for medicinal herbs to avoid the royal palace as much as possible and suddenly gets shot in the chest with an arrow. A hunter runs up and apologises for mistaking him for a wild animal. It’s Goblinder.
Detractors hate this version of Merciful Death because the original was about two ordinary people calmly choosing to kill and die because this was the only way to survive in a world that feared them, and Merciful Death is basically set in Veilheim. Gonot and Goblinder are rich assholes wasting everyone’s time and money on interpersonal drama and killing and dying out of laziness and cowardice. This story is also hated for public health reasons now that romance between the dead and living is taboo, and also how it’s creepy to kill someone right as they are most in love, forcing them to stay in love forever.
Enthusiasts love this version of Merciful Death because it portrays the wild and opulent zeitgeist of Veilheim 400 years ago, and regardless of how it’s seen now, there really were romantic scandals between revenants and the living at that time, and Gonot would surely rather be a rich educated Gore Mage doctor in a kingdom where revenants are accepted than a terrified and confused peasant where almost everyone is trying to kill him. The whole point is that society has finally become kind and peaceful enough that outrageous luxury and interpersonal drama are the driving forces of people’s lives instead of survival.
Merciful Death Enthusiasts and Detractors are basically political parties. The Mayor of Veilheim stays neutral because he is a foreigner and wouldn’t have as much knowledge and attachment of Merciful Death as a born and raised Veilheimer.
Master Courtesan is a huge public Merciful Death stan because it’s expected of her, but her dark secret is that she doesn’t think it’s very good. Also she killed the author centuries ago for entirely different reasons.
Tax Collector has the political leanings of a Merciful Death stan but is a Merciful Death hater, because his job involves stabbing and being stabbed and he’s sick of people seeing it in a romantic context.
THAES
Unlike the huge rambling epics above, Thaes doesn’t exist in a specific story and instead serves as a mouthpiece for social commentary. Thaes is witty enough to make interesting observations, but is also oblivious enough to say them out loud. Thaes blunders her way to success via blind luck and coincidence, or she could just be resourceful. Depending on the story, she may be living or dead, anywhere on The World, set in any time. In a more contemporary setting, if Thaes is dead, she is instead called Careless Weaver. If you don’t want to reveal where you got information, you can say, “I heard it from Thaes.” Naming your children Gonot and Goblinder is universally seen as cringe, but Thaes is always a popular name for girls.
Thaes got the plague and had to leave the living district. She sees a stubborn donkey, refusing to take a single step and braying so loudly no one else can speak. “Good morning, The Mayor! How brightly Veilheim shines under your rule!” Thaes sees a towering lumbering ox, pulling ten times its own weight but moving as slowly as a snail. “Good morning, Noble Porter! Any important deliveries today?” Thaes sees a wild ass, kicking high and menacing its handlers with its horns. “Good morning, Tax Collector! Surely not everyone owes you money!”
Thaes is deciding which prosthetics to save for before she dies. She visits Noble Engineer and he says, “Your carpometacarpal and distal phalanges are gone! Do you want 32-2 cobalt steel? Do you want 56-1 lead steel? Do you-” Thaes interrupts, “You speak too quickly and I don’t understand what you are asking! I will ask someone else.” Thaes visits a Principian and he says, “I won’t let the Veilheimers make a carcass out of you. Why don’t you become a bronze statue like me?” Thaes says, “I may not look like a carcass in a statue, but it’s so heavy! I will feel like a carcass.” Thaes visits a Cyrenean and he says, “Don’t get prosthetics. Let yourself fall to pieces.”
Careless Weaver stands in the market with her wares, yelling, “Tubes! Get your metal tubes! Use them for anything you want! Water pipes! Prosthetics! Augers! Opium cooling!”. A guard asks, “Say, Careless Weaver. You are not an Industrial Mage. Where did you get these metal tubes?” Thaes says, “We got new spring-powered looms put into the textile factory. We revenants had a go, and now look at them. Post-hole diggers! Pastry stamps! Rolling pins!”
Although Thaes stories are mostly told in person, and their format ensures a ton of them are extremely horrible, there are some written compilations of them, and Thaes will probably become a character in the distant future the same way Gonot is a character now.
ROSANGELA AND BENDANIEL
In a world where the plague is a fact of life, it’s fitting that the most popular horror story portrays being plague-free as alienating and unnatural. As the plague reaches the western shore of Surenia, the royal family escaped by sea to Sidra, but burned all the ships they left behind. Rosangela and her husband Bendaniel are imploring a powerful mage to save them and their children, and before he leaves to Sidra, he gives them a book of instructions for a magic ritual that allows them to be plague-free while they are conducting it and live forever, free from revenants once it’s finished.
By the end of the month, the plague has hit the coastline, and both of them have been bitten by plaguebearing animals with no ill effects. But the steps of the ritual are steadily getting more difficult, rubbing human ashes on themselves and eating nothing. Fortunately, the ritual also protects their children, who are growing up and looking more and more like their parents. The ritual worsens, and by the time it’s finished, their whole town is empty except for them and insane revenants. Rosangela and Bendaniel starve to death in a pit of human ashes.
Their children are now identical to them, take their parents’ names, and have children of their own. Rosangela and Bendaniel and Rosangela and Bendaniel live like ghosts, unable to be touched by anything aside from their own family. When Rosangela and Bendaniel die, Rosangela and Bendaniel take their place as the heads of the family, and Rosangela and Bendaniel have to take on new responsibilities.
Rosangela and Bendaniel and Rosangela and Bendaniel live in a little house together, with a pit of corpses on one side for Rosangela and Rosangela and another pit on the other side for Bendaniel and Bendaniel.
Unlike the other stories, the city of Alhambra claims these people actually exist and are still alive. They are studied by the mages there, although it might be a lie to maintain Alhambra’s elite magic reputation. Rosangela and Bendaniel reportedly regret performing the ritual and refuse to share it, but it is known that it involves huge amounts of mugwort.
Most people believe Rosangela and Bendaniel don’t exist, and the story is a cautionary tale about extreme measures taken to avoid the plague being worse than getting the plague, which makes a lot of sense given that the most plague-free regions are filled with inbreeding, cannibalism, and/or violent xenophobia.
Some people believe that this story is about how life itself is bad, plague or no plague, since Rosangela and Bendaniel suffer every way the living can suffer before dying and compelling their children to replace them, and becoming a revenant is the only escape from going extinct or having someone take your place and continue to suffer.
#thief's apprentice#cure quest#wandering gonot#merciful death#thaes#rosangela and bendaniel#graphic injuries
2 notes
·
View notes
Text
A Detailed Guide to CSS Transitions and Animations

Every one of us gets awestruck when we look at the exquisitely designed websites of tech biggies, like Apple or Microsoft, or of automobile companies like Tesla or Mercedes. The X-factor that makes these websites stands out, is oftentimes the appealing animations and effects that make us look again and again. So, how do they make the websites so amazingly interactive? Ever gaped about how the animations on these websites actually work? Do you wish to design a similarly elegant and interactive website for your business too? If yes, then look no further. Read along as this is a detailed excerpt covering the basics of CSS transitions and CSS animations that could immensely help you in achieving the same for your business website. If you have just ventured into the domain of front-end development, or are looking to expand your understanding about the same, then continue reading this blog, because by the end of it you'll get a comprehensive understanding of CSS. CSS or Cascading Style Sheets is the pretty part of web-applications you get to notice. While CSS styles the web application, HTML or Hypertext Markup Language structures it. Animations play a critical role in improving the experience of users as they assist in providing improved visual feedback and helps in making interactions with the website striking. CSS 3 has an abundance of in-built properties that substantially help in animating elements, and that too across all the major browsers. But - With great power, comes greater responsibility. Animations need to be used wisely, or you could end up creating a page that is more distracting than interactive. The entire purpose of animations is to serve as an aid, rather than a hindrance while using web applications. According to a Google report, almost 50% of the overall web traffic comes through mobile devices. Hence, any business needs to create mobile-friendly animations. It is also imperative to have a basic understanding of CSS (preferably CSS 3), HTML and somewhat of jQuery. jQuery is a Javascript library that assists developers in playing with elements of the website. The technical jargon for this is - DOM manipulation. As your target audience might vary, it is possible that you might be using more than one kind of web browsers (Mozilla Firefox, Google Chrome, Safari, Opera, Internet Explorer), and thus need to cater to all of them. You can also check for the browser support for animations here. CSS animations have 3 significant aspects to it:
Transforms
Transitions
Keyframes

PART A: TRANSFORMS
Transforms helps to change your web elements in all kinds of wonderful ways - from moving the element to re-sizing it, from rotating the element to tilting it. And the best part - You can alter anything and everything without changing the document flow. There are four significant aspects of transforms:
Translate
Scale
Rotate
Skew Let’s dig a little deeper, shall we?
1. Translate
Translate changes the coordinates of the element. It is used to change the appearance of the component on a 2D plane. Translate means to simply move the element from one position to another on the webpage. You can translate an object on X-axis, Y-axis or both.
Moves the element on the X-axis
Syntax: transform: translateX(200px); or transform: translateX(-200px);
Moves the element on the Y-axis
Syntax: transform: translateY(200px); or transform: translateY(-200px);
Using shorthand
Syntax: transform: translate(x-axis, y-axis)
Example: transform: translate(200px, 200px);
Alert!
transform: translate(200px); [will only translate the element along the X-axis]
2. Scale
One can play with the size of the image, along with both the axis – X and Y. Scaling distorts the shape of the element and can degrade the quality of the element. A number greater than 1 will increase the size and a decimal less than 1 will decrease the size.
Scaling along the X-axis - transform: scaleX(3);
Scaling along the Y-axis - transform: scaleY(0.5);
Using the shorthand - for scaling along X and Y axis together -
transform: scale(3 , 0.5); or transform: scale(0.5);
3. Rotate
You can rotate the element either clockwise or counter-clockwise. The unit of measurement used is degrees. A positive value will rotate the element clockwise, and vice versa for the negative element. This rotation would also happen along X, Y and Z axis.
Understanding the rotation in CSS animations is one of the trickiest parts, and thus a lot of people fails to utilize the real potential of this feature.
Along X-axis Imagine a marshmallow getting roasted while being rotated on a bonfire. You have to visualize the elements to turn into the page along with the X-axis, and that’s what rotation will look like on X-axis. We won’t see the 3D rotation, all we would be able to see is the height of the element changing.
Syntax: transform: rotateX(45deg);
Along Y-axis Imagine a dancer on a pole. The elements will be rotating into the page along Y-axis. All you would notice is the width of the component getting changed.
Syntax: transform: rotateY(45deg);
Along Z-axis This is the best possible orientation that you would work with while using rotation, as you can see the element actually rotating. One can also modify the clockwise and counter-clockwise movement with positive and negative rotation values respectively. For this, try imagining an arrow going into the page and the element rotating with respect to that arrow.
transform: rotateZ(45deg) – clockwise rotation
transform: rotateZ(-45deg) – counterclockwise rotation
4. Skew
Skewing an element means tilting the component. It has both positive and negative values, and like rotation, it is measured in degrees (deg) too. Positive X value bends the element to the left, and vice versa for the negative X. Likewise, a positive Y value dips the element downwards, and vice versa. By default, if X or Y aren't stated in the transform, it will shift the element with respect to the X-axis.
Along X-axis
transform: skewX(45deg) or skew(45deg);
Along Y-axis
transform: skewY(80deg);
5. Combining transforms
One can also apply multiple transforms into a single transform statement. The order does matter (sometimes) as the second transform will apply on the first transform and the third will apply on the result of the first two transforms.
transform: translateX(200px) rotateX(45deg) scaleY(1.5) skewX(45deg);
All of these transforms will take effect on some user events like hover, click, focus, active, etc. To see the magic in action, you can add the transforms in these events.
.element-to-animate{
display: block
}
.element-to-animate:hover{
transform: translateX(200px) rotateX(45deg) scaleY(1.5) skewX(45deg);
}
PART B: TRANSITIONS
If you got a chance to go over the code above, you might have noticed a jerk during the state change on hover; that’s precisely what transitions are for. CSS Transitions help in making the animation fluid. One can control the CSS transitions with the help of the following properties:
transition-property
transition-duration
transition-timing-function
transition-delay
1. transition-property
These are the CSS properties that one can use transitions on. This ranges from playing with margins and paddings to background and borders. You can either apply a transition to a specific feature or to a complete list. A comprehensive list of all the properties that come under this purview can be found here. Applying transition property to a specific CSS property
transition-property: background-color;
Applying a transition to the entire list of CSS properties
transition-property: all;
2. transition-duration
The time duration for which the animation will be in play. This can easily be measured in seconds (s) or milliseconds (ms). It is advisable to use seconds as it makes them easily readable - even your fellow developers at the office won’t get annoyed by you!
transition-duration: 0.5s;
3. transition-timing-function
Who doesn’t like SPEED! Speed is something that can make or break the user experience with your animation; therefore it is advisable to control it. The way you can accomplish it is by using transition-timing-function. Pupils at CSS 3 team were kind enough to provide us with some in-built values for speed, like ease, ease-in, ease-in-out And in case, you wish to possess total command over the speed - Use Bezier Curves.
transition-timing-function: ease;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
4. transition-delay
This helps in creating a pause between the event getting fired that starts the animation and the actual start of the animation. Simply put, transition-delay - delays the animation. It is measured in seconds (s) or milliseconds (ms).
transition-delay: 0.5s;
Shorthand:
transition: (property) (duration) (transition-timing-function) (transition-delay);
The order for the two time-oriented functions, i.e. duration and transition-delay matter - So stay alert!
Using Transforms and CSS Transitions Together
STATE 1: NORMAL
.element-to-animate display: block; transition: transform 1s ease 0.2s, background 1s; }
STATE 2: HOVER
.element-to-animate:hover{ background: black; transform: translateX(200px); }
For transitioning between STATE 1 and STATE 2, one can apply the transition to all the properties separately with individual timings, or if you wish to apply CSS transitions on all properties in STATE 2, then:
transition: all 1s ease 0.2s;
PART C: KEYFRAMES
The keyframes help in changing the animation from one to another at certain times. One can play with keyframes in two ways:
From – To approach
Percentage Approach
1. From – To Approach
In this approach, there are only 2 states during the animation - start state and end state. Syntax:
@keyframes animation_name {
from { }
to { }
}
To animate an element (e.g., a Car) to move horizontally from its initial position:
@keyframes drive{
from {
transform: translateX(-200);
}
to {
transform: translateX(1000px);
}
}
.car{
animation-name: drive;
animation-duration: 3s;
animation-fill-mode: forwards;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in;
animation-direction: normal;
}
2. Percentage Approach
We cannot use from-to in @keyframes as there is more than 1 state now. The percentage approach breaks down the animation into various intermediate states including a start and end state. The start state is indicated by 0%, and the end state is indicated by 100%. There can be as many intermediate states you want, but it is advised to keep the segregation of states uniform throughout. Example: 0% - 25% - 50% - 75% - 100%
@keyframes jump{
0% { transform: translateY(-50px) }
50% { transform: translateY(-100px) }
100% { transform: translateY(-50px) }
}
• Animation shorthand
One can also use this concise format to write the animations: animation: (animation-name) (animation-duration) (animation-fill-mode) (animation-timing-function) (animation-iteration-count) (animation-direction) (animation-delay); Note: The animation-delay will always come AFTER animation-duration. Apart from them - time-oriented functions and the order of other properties in shorthand doesn’t matter. Example:
.car{
animation-name: drive;
animation-duration: 3s;
animation-fill-mode: forwards;
animation-delay: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in;
animation-direction: normal;
}
Can be re-written as:
.car{
animation: drive 3s ease-in infinite normal 2s;
}
We now have two animations – drive and jump, which we wish to add on the “car” element. We can do this through a single line code by using, “Chaining Animations.”
• What is Chaining Animations?
Playing with multiple animations is a breeze with CSS. Comma separation technique can be used to chain the animation and run one animation after the other. For example,
.car{
animation: drive 3s ease-in infinite normal 2s, jump 2s ease 4 alternate reverse;
}
Classifications of Animation Properties:
·Which Animation to use? animation-name: Name of the animation which is indicated by the keyword after @keyframes
·What to do when the animation ends? animation-fill-mode: Tells what to do with the element being animated outside the animation window.
·If you wish to repeat the animation “n” number of times, use, animation-iteration-count: It helps to repeat the animation. It can either have a number value or if you want the animation to play continuously, then use “infinite.”
·If you wish to reverse the direction of the animation, use, animation-direction: You don’t need to write a separate animation all together just to reverse the animation. You can apply this to play with the current animation, and it’s direction.
In From – To Approach:
reverse: to - from
alternate: from-to -> to-from -> from-to
alternate-reverse: to-from -> from-to -> to-from
In Percentage Approach
reverse: 100% - 0%
alternate: 0% - 100% -> 100% - 0% -> 0% - 100%
alternate-reverse: 100% - 0% ->0% - 100% ->100% - 0%
· Like SPEED? Control it using, animation-timing-function helps to control the speed with which the animation starts, behaves and ends. There are some in-built values like ease, ease-in and you can write your own using the cubic-bezier(n,n,n,n). Play with it here.
· Do you procrastinate? CSS animations can too! Using animation-delay will start the animation a few seconds/milliseconds after the event gets fired.
Wrapping Up It could be a bit complicated to get used to CSS jargon at first. But once you get used you'll realize that CSS Animations and CSS Transitions are simply marvelous.
Thanks for reading. We hope this article helped you. If it did, please give it a thumbs-up and feel free to drop your comments in case you have any queries. You can talk to us right now or visit our website for more details. Also, if you have exciting uses of CSS transitions or CSS animations that you’d like to share, we'd love to hear from you.
0 notes
Text
SEO AutoPilot DAS Home Page Ranking Tip
SEO AutoPilot Reviews
youtube
Hey guys brian panel here hope you’re doing well I just wanted to come back to you with some ranking proof I I am loving SEO autopilot but I am loving the domain Authority stacking diagram that they’ve got within there and you know once you get in there you can actually create your own diagrams and things but the domain Authority stacking one is giving some real real power now remember this is an automated tool and automated tools or automate this automated tool is using web twos right web properties I got a high authority but normally you have to wait a little while before the juice that they create trickles through to your money site in my experience you have to wait a little bit longer than that a pbn now the reason you can get them to rank faster for longer tail keywords the more specific and the more Sniper it into a money keyword you are or the short of the money keyword the higher competition that just the longer it takes which kind of makes sense if you look at it from Google’s perspective you don’t want to you don’t want Google Google don’t want you thinking that you can create a load of these properties and then within two months your ranking on the first page the same word PPM’s really I have noticed that you you know you create your backlink you have you a bit of a dance and then after after six months even a year for really competitive terms you then notice that kind of got to start to settle out a little bit so don’t get disheartened that’s you know that’s just what I’m what I’m seeing now these inner paté this these rank this ranking improvement that you seen just in front of you here I did not send the links to any of the inner pages that I’m showing here in front of you I sent domain authority stacking just to the homepage okay and the reason for that was that I noticed that there was you know we were starting to get a little bit heavy on links internally on it to internal pages then the home page and we haven’t worked on the home page for a while so I thought right okay I’m gonna you know send this to the home page I indexed using the SEO autopilot indexer so a lot of the tier 1 links got indexed but I only used naked URL and brand name or brand names you know didn’t use keywords or anything because the key word with one of the keywords is actually in the business name so but from a reverse engineering perspective when you go and check out like the title tags go if you go into like majestic or a hate Refs you can see what the title tags are of the inbound links to your website or to your urls and stuff like that and that’s that’s what I did the articles were decent quality super spun articles that title had their you know the main keywords that this customer looks after their main niches there’s a couple different niches very closely related but very specific separated out keywords so yeah they there you go didn’t even send the links to the money pages I sent it to the home page to make sure that that home page had relevant backlinks but also more backlinks than the inner pages because that can be a bit of a flag to Google if you’ve got you know a home page there’s not very many backlinks and then loads of inner pages got lots of backlinks that can you know say to Google hey this is this sites being se owed so um yeah just I think this is just a great great little case study to say that didn’t even send the links to the money pages and the money pages have gone up this is about a week ago maybe a little bit less than a week that I got everything in all the tier ones indexed and like I say I’m not worried about it getting penalized because it’s just either naked URLs or the brand name or variations of the brand name like limited spelt Li M ited instead of you know let’s just show you let me just them I’ll tell you what let me just give you a so the actual links that were in the article itself would be URL and then URL variations so you know you can remember you can have HTTP without WW or with WW right and then you’ve got the actual thing and then KO don’t you okay and then with all without the trailing slash okay so you can have this just this part here as a clickable link variation yeah you can have just this bit another variation and then you can add on the trailing slashes yeah I know lots of you know this guys and no but there’s lots of people on my list that don’t so you know just bear with me while I’m all I do this and then so that was that’s like the URL variations and then the names would be ABC ABC limited a space C limited now I know this doesn’t help from a Google my business perspective but that’s not what I’m what we’re trying to do here this is this is purely trying to get your a few more backlinks to the homepage that won’t get you penalized and then obviously yeah our bloomin exile you would have limited spoke like that the ABC didn’t come off so I think it’s because I’ve got stuff running in the background and that was it now just bear in mind that this client does have a keyword in his actual name okay so that can that can help all right but then the articles or the post titles would be you know ABC limited being serving so in Birmingham for 100 years you you know and obviously this is this will be spun Birmingham can be here in the UK we we say Birmingham and we can also say rum okay so you know that can that can help and then you’d have it spun like that just so on and so forth okay try and make sure you’ve got your keyword in the title or an arrow it can be broadly related but as closely related as possible yeah you know if they do plumbing and gas like most plumbers over here or most gas men over here are plumbers and you know vice versa so you know you can have best plumber and gas man right I know these are you know these are stupid examples I’m just trying to get this over to you just just so you could you get the idea of what I have done to get this to to happen right plumber gas man Korky registered which is a like an association kind of thing that you know you have to gas man all right and you know you can go on as long as you can go on but then once that’s spun okay this is spin it spin syntax once that’s spun only one of these will get kicked out okay so you know the title I’m gonna say the title I’m talking about things like let’s bring this over here a minute let’s just go this so the title I’m talking about is like this here right that is the title but if but sometimes Google brings its own title out of makes it up so if I hover over here you say plummet you can see it says plumbers and plumbing service in Burma and West Midlands Gumtree okay that is the title so when you make creating these posts it’s got the keyword in here we actually got a couple of them in here because you’ve got plumbers and plumbing service in Birmingham okay and that’s pop from the URL that’s the one of the main things that Google reads and it passes the relevancy and all of that down through so despite the fact that we’re not using loads of anchor text we’re getting relevancy from the title of that page okay and it’s working really really well and it’s working really really well with SEO autopilot okay all right then guys all the best cheers for now bye bye
As found on Youtube
Originally posted 2019-06-28 15:10:12.
https://reviewsarena.net/marketing-software/seo-autopilot/seo-autopilot-das-home-page-ranking-tip/?utm_source=rss&utm_medium=rss&utm_campaign=seo-autopilot-das-home-page-ranking-tip
0 notes
Text
SEO AutoPilot DAS Home Page Ranking Tip
SEO AutoPilot Reviews
youtube
Hey guys brian panel here hope you’re doing well I just wanted to come back to you with some ranking proof I I am loving SEO autopilot but I am loving the domain Authority stacking diagram that they’ve got within there and you know once you get in there you can actually create your own diagrams and things but the domain Authority stacking one is giving some real real power now remember this is an automated tool and automated tools or automate this automated tool is using web twos right web properties I got a high authority but normally you have to wait a little while before the juice that they create trickles through to your money site in my experience you have to wait a little bit longer than that a pbn now the reason you can get them to rank faster for longer tail keywords the more specific and the more Sniper it into a money keyword you are or the short of the money keyword the higher competition that just the longer it takes which kind of makes sense if you look at it from Google’s perspective you don’t want to you don’t want Google Google don’t want you thinking that you can create a load of these properties and then within two months your ranking on the first page the same word PPM’s really I have noticed that you you know you create your backlink you have you a bit of a dance and then after after six months even a year for really competitive terms you then notice that kind of got to start to settle out a little bit so don’t get disheartened that’s you know that’s just what I’m what I’m seeing now these inner paté this these rank this ranking improvement that you seen just in front of you here I did not send the links to any of the inner pages that I’m showing here in front of you I sent domain authority stacking just to the homepage okay and the reason for that was that I noticed that there was you know we were starting to get a little bit heavy on links internally on it to internal pages then the home page and we haven’t worked on the home page for a while so I thought right okay I’m gonna you know send this to the home page I indexed using the SEO autopilot indexer so a lot of the tier 1 links got indexed but I only used naked URL and brand name or brand names you know didn’t use keywords or anything because the key word with one of the keywords is actually in the business name so but from a reverse engineering perspective when you go and check out like the title tags go if you go into like majestic or a hate Refs you can see what the title tags are of the inbound links to your website or to your urls and stuff like that and that’s that’s what I did the articles were decent quality super spun articles that title had their you know the main keywords that this customer looks after their main niches there’s a couple different niches very closely related but very specific separated out keywords so yeah they there you go didn’t even send the links to the money pages I sent it to the home page to make sure that that home page had relevant backlinks but also more backlinks than the inner pages because that can be a bit of a flag to Google if you’ve got you know a home page there’s not very many backlinks and then loads of inner pages got lots of backlinks that can you know say to Google hey this is this sites being se owed so um yeah just I think this is just a great great little case study to say that didn’t even send the links to the money pages and the money pages have gone up this is about a week ago maybe a little bit less than a week that I got everything in all the tier ones indexed and like I say I’m not worried about it getting penalized because it’s just either naked URLs or the brand name or variations of the brand name like limited spelt Li M ited instead of you know let’s just show you let me just them I’ll tell you what let me just give you a so the actual links that were in the article itself would be URL and then URL variations so you know you can remember you can have HTTP without WW or with WW right and then you’ve got the actual thing and then KO don’t you okay and then with all without the trailing slash okay so you can have this just this part here as a clickable link variation yeah you can have just this bit another variation and then you can add on the trailing slashes yeah I know lots of you know this guys and no but there’s lots of people on my list that don’t so you know just bear with me while I’m all I do this and then so that was that’s like the URL variations and then the names would be ABC ABC limited a space C limited now I know this doesn’t help from a Google my business perspective but that’s not what I’m what we’re trying to do here this is this is purely trying to get your a few more backlinks to the homepage that won’t get you penalized and then obviously yeah our bloomin exile you would have limited spoke like that the ABC didn’t come off so I think it’s because I’ve got stuff running in the background and that was it now just bear in mind that this client does have a keyword in his actual name okay so that can that can help all right but then the articles or the post titles would be you know ABC limited being serving so in Birmingham for 100 years you you know and obviously this is this will be spun Birmingham can be here in the UK we we say Birmingham and we can also say rum okay so you know that can that can help and then you’d have it spun like that just so on and so forth okay try and make sure you’ve got your keyword in the title or an arrow it can be broadly related but as closely related as possible yeah you know if they do plumbing and gas like most plumbers over here or most gas men over here are plumbers and you know vice versa so you know you can have best plumber and gas man right I know these are you know these are stupid examples I’m just trying to get this over to you just just so you could you get the idea of what I have done to get this to to happen right plumber gas man Korky registered which is a like an association kind of thing that you know you have to gas man all right and you know you can go on as long as you can go on but then once that’s spun okay this is spin it spin syntax once that’s spun only one of these will get kicked out okay so you know the title I’m gonna say the title I’m talking about things like let’s bring this over here a minute let’s just go this so the title I’m talking about is like this here right that is the title but if but sometimes Google brings its own title out of makes it up so if I hover over here you say plummet you can see it says plumbers and plumbing service in Burma and West Midlands Gumtree okay that is the title so when you make creating these posts it’s got the keyword in here we actually got a couple of them in here because you’ve got plumbers and plumbing service in Birmingham okay and that’s pop from the URL that’s the one of the main things that Google reads and it passes the relevancy and all of that down through so despite the fact that we’re not using loads of anchor text we’re getting relevancy from the title of that page okay and it’s working really really well and it’s working really really well with SEO autopilot okay all right then guys all the best cheers for now bye bye
As found on Youtube
Originally posted 2019-06-28 15:10:12.
https://reviewsarena.net/marketing-software/seo-autopilot/seo-autopilot-das-home-page-ranking-tip/?utm_source=rss&utm_medium=rss&utm_campaign=seo-autopilot-das-home-page-ranking-tip
0 notes
Text
SEO AutoPilot DAS Home Page Ranking Tip
SEO AutoPilot Reviews
youtube
Hey guys brian panel here hope you’re doing well I just wanted to come back to you with some ranking proof I I am loving SEO autopilot but I am loving the domain Authority stacking diagram that they’ve got within there and you know once you get in there you can actually create your own diagrams and things but the domain Authority stacking one is giving some real real power now remember this is an automated tool and automated tools or automate this automated tool is using web twos right web properties I got a high authority but normally you have to wait a little while before the juice that they create trickles through to your money site in my experience you have to wait a little bit longer than that a pbn now the reason you can get them to rank faster for longer tail keywords the more specific and the more Sniper it into a money keyword you are or the short of the money keyword the higher competition that just the longer it takes which kind of makes sense if you look at it from Google’s perspective you don’t want to you don’t want Google Google don’t want you thinking that you can create a load of these properties and then within two months your ranking on the first page the same word PPM’s really I have noticed that you you know you create your backlink you have you a bit of a dance and then after after six months even a year for really competitive terms you then notice that kind of got to start to settle out a little bit so don’t get disheartened that’s you know that’s just what I’m what I’m seeing now these inner paté this these rank this ranking improvement that you seen just in front of you here I did not send the links to any of the inner pages that I’m showing here in front of you I sent domain authority stacking just to the homepage okay and the reason for that was that I noticed that there was you know we were starting to get a little bit heavy on links internally on it to internal pages then the home page and we haven’t worked on the home page for a while so I thought right okay I’m gonna you know send this to the home page I indexed using the SEO autopilot indexer so a lot of the tier 1 links got indexed but I only used naked URL and brand name or brand names you know didn’t use keywords or anything because the key word with one of the keywords is actually in the business name so but from a reverse engineering perspective when you go and check out like the title tags go if you go into like majestic or a hate Refs you can see what the title tags are of the inbound links to your website or to your urls and stuff like that and that’s that’s what I did the articles were decent quality super spun articles that title had their you know the main keywords that this customer looks after their main niches there’s a couple different niches very closely related but very specific separated out keywords so yeah they there you go didn’t even send the links to the money pages I sent it to the home page to make sure that that home page had relevant backlinks but also more backlinks than the inner pages because that can be a bit of a flag to Google if you’ve got you know a home page there’s not very many backlinks and then loads of inner pages got lots of backlinks that can you know say to Google hey this is this sites being se owed so um yeah just I think this is just a great great little case study to say that didn’t even send the links to the money pages and the money pages have gone up this is about a week ago maybe a little bit less than a week that I got everything in all the tier ones indexed and like I say I’m not worried about it getting penalized because it’s just either naked URLs or the brand name or variations of the brand name like limited spelt Li M ited instead of you know let’s just show you let me just them I’ll tell you what let me just give you a so the actual links that were in the article itself would be URL and then URL variations so you know you can remember you can have HTTP without WW or with WW right and then you’ve got the actual thing and then KO don’t you okay and then with all without the trailing slash okay so you can have this just this part here as a clickable link variation yeah you can have just this bit another variation and then you can add on the trailing slashes yeah I know lots of you know this guys and no but there’s lots of people on my list that don’t so you know just bear with me while I’m all I do this and then so that was that’s like the URL variations and then the names would be ABC ABC limited a space C limited now I know this doesn’t help from a Google my business perspective but that’s not what I’m what we’re trying to do here this is this is purely trying to get your a few more backlinks to the homepage that won’t get you penalized and then obviously yeah our bloomin exile you would have limited spoke like that the ABC didn’t come off so I think it’s because I’ve got stuff running in the background and that was it now just bear in mind that this client does have a keyword in his actual name okay so that can that can help all right but then the articles or the post titles would be you know ABC limited being serving so in Birmingham for 100 years you you know and obviously this is this will be spun Birmingham can be here in the UK we we say Birmingham and we can also say rum okay so you know that can that can help and then you’d have it spun like that just so on and so forth okay try and make sure you’ve got your keyword in the title or an arrow it can be broadly related but as closely related as possible yeah you know if they do plumbing and gas like most plumbers over here or most gas men over here are plumbers and you know vice versa so you know you can have best plumber and gas man right I know these are you know these are stupid examples I’m just trying to get this over to you just just so you could you get the idea of what I have done to get this to to happen right plumber gas man Korky registered which is a like an association kind of thing that you know you have to gas man all right and you know you can go on as long as you can go on but then once that’s spun okay this is spin it spin syntax once that’s spun only one of these will get kicked out okay so you know the title I’m gonna say the title I’m talking about things like let’s bring this over here a minute let’s just go this so the title I’m talking about is like this here right that is the title but if but sometimes Google brings its own title out of makes it up so if I hover over here you say plummet you can see it says plumbers and plumbing service in Burma and West Midlands Gumtree okay that is the title so when you make creating these posts it’s got the keyword in here we actually got a couple of them in here because you’ve got plumbers and plumbing service in Birmingham okay and that’s pop from the URL that’s the one of the main things that Google reads and it passes the relevancy and all of that down through so despite the fact that we’re not using loads of anchor text we’re getting relevancy from the title of that page okay and it’s working really really well and it’s working really really well with SEO autopilot okay all right then guys all the best cheers for now bye bye
As found on Youtube
Originally posted 2019-06-28 15:10:12.
https://reviewsarena.net/marketing-software/seo-autopilot/seo-autopilot-das-home-page-ranking-tip/?utm_source=rss&utm_medium=rss&utm_campaign=seo-autopilot-das-home-page-ranking-tip
0 notes
Text
New Post has been published on Weblistposting
New Post has been published on https://weblistposting.com/ios-10-3-six-new-functions-to-try-right-away/
IOS 10.3: Six new functions to try right away
Apple has simply released the respectable version of iOS 10.3 for everybody, the remaining fundamental software program replaces for iPhones, iPads, and iPods earlier than the large iOS 11 roll out in June.
Don’t expect apparent modifications in this version of iOS, however, there are some subtle tweaks that may be really worth the upgrade.
1. Apple Identification Profile
There is a brand new profile section on the pinnacle of the settings menu with all your account statistics.
Click on your profile to access your iCloud, iTunes, App Keep and Family Sharing information in a single vicinity and scroll right down to see a listing of all the Apple gadgets connected to this money owed.
You may nonetheless want to log into the Locate my iPhone app for your telephone or web browser to get right of entry to them all, but it’ll save you from having to dig via the settings to get admission to each account.
2. ICloud garage breakdown
In case you pay for an additional garage on Apple’s iCloud, this next one can be particularly useful. You may now see exactly how you are using your iCloud storage by clicking on the iCloud alternative in this new profile phase. Tap the graph on the top of this section to figure out exactly what the storage hogs are. This offers you a device and application-specific breakdown detailing what number of gigs of the garage are being used by each.
If you have not activated the 2-component authentication on your account (that you have to), You will note a new “suggestion” phase proper beneath your profile in the predominant settings web page. Apple can also use this space to offer you other pointers to improve your device’s overall performance, but for now, this is the only concept that regarded on my phone.
three. Climate in Maps
In case you’re partial to Apple’s proprietary Maps app, you may now have a glimpse of the Weather anywhere you move. The modern-day replace adds a tiny Climate computer virus to the lowest proper hand corner of the display showing the cutting-edge Weather conditions in that region. For a seven-day breakdown of the Climate simply three-D Touch the Climate malicious program or preserve maintaining to open the Weather app in a new display screen.
4. Find my AirPods
If you’ve splurged on a couple of AirPods, this option will save you time and money. If now not, just examine ahead.
Sign up to your Discover my iPhone app and you must now see the AirPods as one of the devices associated with your account. Click to look the remaining acknowledged region of the ‘Pods after they had been paired along with your smartphone or ping them to cause them to ring. just make sure you’re no longer wearing them If you want to maintain your listening to intact.
Apple has no longer disclosed the authentic release date for iOS 10.3, because of this these features are nonetheless subject to change. And the final version of the replace may still emerge as such as the “theater mode” or any other functions Apple wants to debut before WWDC in June.
five. App compatibility fame
Probabilities are, you will be conserving on to 3 apps that have stopped receiving updates, which will be making your smartphone sluggish and buggy.
IOS 10.3 makes it easy to become aware of the culprits right from the Settings menu. Click on on the About choice on your Standard settings and watch for the statistics to load. When you have any non-well-matched apps mendacity around, you ought to see an arrow seem subsequent to the range next to Programs. Any other Click on ought to then take you to the App Compatibility page listing the offenders.
A better way to Save your documents
one of the most crucial changes in iOS 10.3 is one you can not really see or strive. Apple is taking the first step in switching all of its devices to a more advanced file gadget referred to as the Apple record system (APFS).
Apple’s new record device replaces the present Hierarchical report machine (HFS+) and has more potent encryption, storage optimization among different enhancements.
What does this mean for you? What You may observe proper away is an extended installation time and a small bump in the garage area. however, over the years, this can suggest advanced overall performance over the years, green storage and a more strong platform.
Analyzing for 1Z0-1/2: Oracle Database 11g: New capabilities for 9i OCPs
If your latest Oracle DBA certification is for 9i, then it’s miles starting to get a bit dusty. There are nonetheless groups walking launch 9i of Oracle for his or her database, however, that variety is progressively shrinking. Whilst Oracle 12c is launched, that fashion will in all likelihood accelerate. Past that, taking new capabilities checks maintains you aware of the cutting-edge competencies of the Oracle database. Whilst Studying for the upgrade certifications I have regularly found new additions which can be useful to me on the activity. data Generation specialists who do not replace their skills as Technology changes will quickly be left in the back of. That stated, In case you are studying this article then you are presumably making plans to take the 1Z0-0.5 exam. In it, I’m able to try to offer some perception into the check to help manual your examine plan.
All of the objectives a good way to be included in the 1Z0-0.5 examination are indexed on the Oracle Schooling internet site. There are a substantial variety of capabilities that were delivered both in Oracle 10G or 11G that are not on that listing. There will be no check questions for those functions. The subject lists from Oracle Schooling are usually entire. The new functions for 9i OCPs exam have 80-four questions that must be responded in hours. The questions are split into seventeen difficulty areas. every subject will normally have one or two questions asked.
Most of the people of the check are on features that have been introduced in 11G. There are more than one regions with 10G-precise enhancements — namely Information Pump (which turned into a major new feature of 10G) and some Backup and Recovery improvements that had been added with 10G. The automated garage Management difficulty location is specifically huge because ASM turned into added in 10G and had vast upgrades in 11G. Likewise the Sq. Tuning region is large at the exam because of big adjustments in each release.
While you are Studying, Do not get caught up inside the wrong info. New capabilities assessments will no longer be testing whether or not You could administer an Oracle database. The only candidates taking this exam ought to already be Oracle Certified DBAs and so your capacity to administer the database is taken as a given. The varieties of questions which you are likely to peer at the exam consists of:
For the last, the check will now not require the exact expertise of a graphical interface or have you growing PL/Sq. statements. Questions for functions that involve coding or use of Enterprise Manager can’t be tested at once. 1Z0-half is basically verifying that you recognize what new features had been added to Oracle, as well as the motive of these features, and the steps to enable or disable them. When permitting brand new feature calls for a parameter change or a brand new command, you must understand the parameter and all of its possible values or the command and it’s valid syntax. If a characteristic requires widespread PL/Sq. code to enforce, you might need to recognize the simple implementation steps, however, you won’t be required to study a page full of code and determine whether or not or no longer it will work.
1Z0-050 can be checking out your knowledge of records in preference to reveal in-based totally questions. that is a necessity for upgrade tests given the nature of the fabric. studying the relevant quantities of The new functions documentation available with the Oracle 10G and Oracle 11G is one area to start Reading, but will now not be sufficient to pass the examination. If you are the usage of the manuals as your observe source, you will additionally need to apply the Administration guide, installation manual, the Backup and Recovery guide, and the ASM guide (among others) to Discover the data you need. earlier than you schedule the take a look at, you must be acquainted with All of the objectives. True success at the exam.
0 notes
Photo
Most commonly used ES6 features
I recently went to a Meetup hosted by JavaScript LA on the future of JavaScript by speaker Ben Junya. ES6 has many new features but Junya talked about the ones that were the most practical that he actually uses at his job as an Android Developer.
ES6 is the newest version of JavaScript. These are my notes on a few of the features from Junya’s presentation that I have used or have seen around. You can see examples in the full presentation linked below.
1. ‘let’ and ‘const’
‘Var’ variables can be redefined or updated. If declared in a function is available only inside the function is is function scoped. If not, globally scoped. Problem: might accidentally be used twice
‘Let’ and ‘const’ variables are block scoped, or scoped to the nearest set of curly brackets to only be used inside that block
Compared to ‘let’, ‘const’ variables are declared once and cannot be updated
2. Arrow functions
One-line mini functions that makes code more concise and simplifies function scoping and the this keyword
Bypass having to type the function keyword, return keyword (it’s implicit in arrow functions), and curly brackets
3. Spread operators
Create a new array with the existing one being part of it using three dots (...)
Can be used on anything that is iterable
Shorter and more succinct
4. Array.from()
Convert array-like objects to a true array
Even nicer than spread operators
5. Array.includes()
Checks if an array includes a certain element, returning true or false
6. Importing and exporting modules
No built-in support for Javascript modules
Import drops ‘var’ and ‘require’ syntax
Export drops ‘module.exports’ syntax
7. Callbacks and promises
Avoid callback hell
Before, used callbacks which are blocks of code that run in response to events in asynchronous functions. Lots of nested functions in nested functions
Now, store information whether those events have happened yet in objects called promises
Much less code and reads line by line like a normal function
Ref and more resources for further reading: Ben Junya: Practical ES6 Wes Bos: How let and const are scoped in JavaScript Sitepont: ES6 Arrow Functions: The New Fat & Concise Syntax in JavaScript Rainsoft: How three dots changed JavaScript MDN: Spread syntax David Walsh: Array.From MDN: Array.prototype.includes() James K Nelson: Introduction to ES6 Promises – The Four Functions You Need To Avoid Callback Hell
0 notes